{ "id": "f6eac0bab2994e77bdeeacfe11df9c07", "item": "f6eac0bab2994e77bdeeacfe11df9c07", "itemType": "text", "owner": "esri_en", "uploaded": 1487911881000, "modified": 1487911881000, "guid": null, "name": null, "title": "Map Styler", "type": "Web Mapping Application", "typeKeywords": [ "Configurable", "createAppWithoutMap", "JavaScript", "Map", "Mapping Site", "Online Map", "showcase", "sourceId#0ca3bbffa69848418c8d2dfdbfbd5f7a", "Web Map" ], "description": "
Styler is a configurable app template that allows you to easily design and style mapping applications with Calcite colors, themes and layouts. The template produces modern applications that allow you to visualize and explore a web map. The user interface includes a navigation bar, dropdown menu and a set of window panels for common operations such as changing basemaps and toggling full screen view. The template is built with Calcite Maps<\/a>, Bootstrap<\/a>, and the new ArcGIS API for Javascript 4.0<\/a>. This application can be easily customized by downloading the source code and changing the default HTML and CSS styles.<\/div>

<\/div>
Configurable Options<\/b><\/div>
Use Styler to present a web map and configure it using the following options:<\/div>
  • Title, Subtitle and About panel.
    <\/li>
  • Light and dark themes for application and widgets
    <\/li>
  • Background and foreground colors for Navbar, Dropdown and Panels
    <\/li>
  • Size of title bar and text.
    <\/li>
  • Top and bottom layouts.
    <\/li>
  • Display a Search box to enable navigation to addresses and places.
    <\/li><\/ul><\/div>
    Use Cases<\/b><\/div>
    • Apply custom colors, themes and layouts to the Navbar, Dropdown Menu, Panels, and Widgets
      <\/li>
    • Present a map based application that includes a legend and the ability to change the basemap.
      <\/li><\/ul><\/div>
      Get Started <\/b><\/div>
      This application can be created in the following ways:<\/div>
      • Click the Create a Web App button on this page
        <\/li>
      • Share a map and choose to create a web app
        <\/li>
      • On the Content<\/b> page, click Create - App - From Template <\/b>
        <\/li>
      • Click the Download<\/b> button to access the source code. Do this if you want to host the app on your own server and optionally customize it to add features or change styling.
        <\/li>
      • Click Create a Web App on the item detail page for a web map.
        <\/li><\/ul><\/div>

        <\/div>", "tags": [ "ArcGIS web application template", "4.x" ], "snippet": "Displays a web map in a modern, customizable application with a configurable menu.", "thumbnail": "thumbnail/Styler2d_th.png", "documentation": null, "extent": [], "categories": [], "lastModified": -1, "spatialReference": null, "accessInformation": null, "licenseInfo": null, "culture": "en-us", "properties": null, "url": "/apps/Styler/index.html", "proxyFilter": null, "access": "public", "size": 18917, "appCategories": [], "industries": [], "languages": [], "largeThumbnail": null, "banner": null, "screenshots": [ "screenshots/Styler2d_5.png", "screenshots/Styler2d_2.png" ], "listed": false, "commentsEnabled": true, "numComments": 0, "numRatings": 0, "avgRating": 0, "numViews": 71, "scoreCompleteness": 75, "groupDesignations": null }