Select to view content in your preferred language

customize template picker in editor

3517
2
04-16-2012 04:05 AM
MicheleColangelo
New Contributor
Hi all,

This is a simple look and feel problem. I am using successfully template picker in editor but ..
I want to customize template picker look and feel in panel. How can I set css item to customize appeareance of template picker panel, including tool tip box width and so on . Can you give me an example showing ho to set css and various template picker property ?  I mean:

"
grid  Define styles for the grid node that displays the templates.
groupLabel  Define styles for the group labels. Only applicable when grouping is enabled.
item  Define styles for the node that contains the template label and symbol.
itemLabel  Define styles for the template labels.
                   .itemLabel{color:#266A2E;}

itemSymbol  Define styles for the node that contains the template symbol.
selectedItem  Define styles for the node that contains the template symbol.
templatePicker  Define styles for the template picker.
tooltip
"


Thanks a lot.
michele.
0 Kudos
2 Replies
KellyHutchins
Esri Notable Contributor
The API reference for the Template Picker widget lists the css classes for the widget:

http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi/templatepicker.htm


Here's an example that shows how to change the label color for items in the template picker.

    .templatePicker .itemLabel{
        color:orange;
    }
0 Kudos
MicheleColangelo
New Contributor
Ok,

but what about window size tooltip for example, or filling one field with the user logged in.


Thanks-

Michele.
0 Kudos