Tradeoff Widget customization
I am trying to customize the widget. I am experiencing some issues:
The following variable does not work:
//options-map frame color @map_frame_color : #0a4998; // this one does not work
Could you please add some code to add some buttons in the top bar? Please see my back button.
Could you add another variable to the less template to modify the "Done" button border and "This is my decission" button border?
I am adding some code embedded to the options but it breaks the popup. Could you add some variables to play with the popup width/height and avoid the scrolling bar? Also, I add some inline code like "float:left" but it is removed by the widget. Example:
Option option = new Option();
option.key = projector.id.ToString();
option.name = projector.name;
option.description_html = "<p style='font-size:11px'>" + projector.briefdescription + "</p>";
option.description_html += "<div class='projector-image'>";
option.description_html += "<img src='" + projector.image_small + "' title='projector_image' style='float:left; width:160px;'/>";
option.description_html += "<ul style='font-size:11px;width:200px;float:left;'>";
option.description_html += "<li>" + projector.highlight1 + "</li>";
option.description_html += "<li>" + projector.highlight2 + "</li>";
option.description_html += "<li>" + projector.highlight3 + "</li>";
option.description_html += "<li>" + projector.highlight4 + "</li>";
option.description_html += "</ul>";
option.description_html += "</div>";
Thanks.link text
Hi @miguel.romera,
The variables provides an easy mechanism to set css styles. But you can also use specific CSS rules to modify any element you need. You determine the rule selector using the browser debug tools (e.g., F12 in Chrome). Append the new rules at the bottom of your less.
To change the map border color:
.moov .map .frame {}To change the done button border color:
.moov .moovContainer .topHeader .finalDecisionArea input {}To change the 'this is my decision':
.moov .solutionTooltip .finalBtn{}the tooltip description:
.moov .solutionTooltip .description{}
The current implementation does not support the requirement to enable adding new buttons to the top bar. We will consider adding this functionality to future versions.
We appreciate your feedback. please continue to post the requirements you desire. These are important input for us.
David