Application layout and theme

The ArcGIS Viewer for Silverlight allows you to brand the application, change the layout, and change the application theme colors. Any changes you make will be reflected immediately in the Viewer preview within Application Builder.


Branding the application includes adding your logo and specifying your title and links as desired.

Branding logo, title, and links

On the Layout tab of the Application Builder, click the Logo button or the Title and Links button. Clicking the Logo button displays a dialog box where you can browse to a desired image. Clicking the Title and Links button displays the Change Title and Links dialog box shown in the following screen shot. In the Change Title and Links dialog box, you can add, remove, or edit the current links that display in the Viewer toolbar. You can also edit the title that displays for the Viewer.

Change Title and Links dialog box


The Application Builder provides several layouts you can use instead of the default. These layouts include Accordion, Basic, Black Box, Black Box - Reverse, Floating Panels, Glass (default), Under Glow, and Wings. Click the Change button on the Layout tab of the Application Builder toolbar. On the Change Layout dialog box that appears, select a layout and click OK.

Change Layout dialog box

You can also use the extensibility features of the Viewer to create a custom layout with Visual Studio 2010 or Expression Blend. For more information, see Creating a custom layout.


The Application Builder allows specifying theme colors for the Viewer. Theme colors are applied to dialog boxes, panels, and other parts of the user interface (UI) for the Viewer preview. To change the Viewer's theme, click the Configure button in the Theme group on the Layout tab. In the Theme dialog box that appears, you can specify colors for the Background, Accents, and Selections. Changes will be reflected in the Viewer preview immediately. Additionally, if you are creating custom add-ins, you can specify that your UI uses the theme colors. When you do this, changes made to the theme will also be reflected in your custom UI. (For more information, see Best Practices: Designing and displaying dialog boxes.)

Configure theme example