topic Re: customize template picker in editor in ArcGIS JavaScript Maps SDK Questions

customize template picker in editor

MicheleColangelo — Mon, 16 Apr 2012 11:05:55 GMT

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.

Re: customize template picker in editor

KellyHutchins — Mon, 16 Apr 2012 15:52:09 GMT

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;
    }

Re: customize template picker in editor

MicheleColangelo — Mon, 23 Apr 2012 14:54:38 GMT

Ok,

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

Thanks-

Michele.