Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Intro blurb - Whats is the widget and why would we use it?

Use the < Widget Name >

1.

2.

3.

Image of Widget Icon

Ensure you set the size to be 120 px

The Share widget allows you to share an app by posting it to your social media account, sending an email with a link, or embedding it in a website or blog. It also provides an easy way to define URL parameters for the app.

Use the Share widget

1. Click the Share widget icon to open it.

2. Copy the short link under Share a link to this app and paste it into your email, instant massage, and so on.

  • You can also use the provided buttons to post your app to your Facebook, Twitter, or Google accounts, or in an email.

3. Click Link Options to share a URL parameter from the following options. You can preview the URL change in the Link preview box.

  • Current map extent - This is used by default.
  • Click the map to define the center of the map with zoom level - A point icon shows under the option when it is checked. Click the icon and click where you want the map to center in the app. A point marker will be added on the map and the URL in the link preview will be updated accordingly based on the map zoom level.
  • Click the map to define the center of the map with map scale - A point icon shows under the option when it is checked. Click the icon and click where you want the map to center in the app. A point marker will be added on the map and the URL in the link preview will be updated accordingly based on the map scale.
  • Query a feature and zoom to it - Choose a layer, a field and a value from the drop-down menus to query a feature and zoom to it.
  • Add a marker on the map - Click the point icon and click where you want to add a marker in the map. Fill in the WKID, Pop-up title, Symbol, and Label properties in each text box

4. Click the top arrow to return to the main panel. The short link should be updated to reflect the URL change made in the step above.

5. Under Embed this app in a website, copy the HTML code and paste it into your website. If you want, click Embed Options to choose the size of your app to be embedded.


Click to enlarge image Image Added