ArcGIS Hub

Formatting text on your ArcGIS Hub and ArcGIS Enterprise Sites

Words are integral to the design of a good website. Not only do they provide context, they set the tone for your narrative, enabling you to provide a voice to your work.
In this post, we’ll go over the following to get you started:
  • Adding tex to a layout
  • Changing text color and fonts
  • Using the text card to embed HTML
  • Formatting buttons, links, and tables

Add a text card

To add text to a site or page, drag and drop a text card onto an existing row.

Format text

To format new text or existing text, hover over the top-right corner of the text card and click the settings button to open the rich-text editor.

When formatting text, consider how you can make it easier for readers to skim your content. Using one of 6 section headers and indents, you can shape up your text to improve readability. For more information on how to format text using accessibility guidelines, see ArcGIS Hub and ArcGIS Enterprise Sites: Designing for Accessibility.

Change text color and fonts

There are two ways to choose a color for your text. You can set a color for all text on your layout (excludes header, footer, and global navigation text) or you can choose a color by row.
To change text color by row, click the settings button on the text card’s row and apply a new color (hex code) to the Text Color field.

You can change the font for text headings and base text. Base text includes all text on your site’s layout. It’s also applied to any pages that have been added to your site, item details pages, and any events views.

To change the font of  your text, you can use Google Fonts.

Here’s how:

  1. Go to Google Fonts.
  2. Choose a font by clicking on the (+) button
  3. Expand the Selected Family menu at the bottom of the page.
  4. Copy ONLY the URL provided in the code (https://fonts.googleapis.com/css?family=Inter&display=swap)

Return to the site and click Theme on the side panel.

Click the settings button next to the Base Font or Headings Font text fields and insert the copied URL. Click Apply to save your changes.

Create tables

Need to organize? Insert a table by choosing number of rows and columns, and even add a header. 

Add or delete rows or columns simply by clicking inside the table and choosing an edit option. Be sure to click the “H” to add a header to clearly define your table and make it more accessible for screen readers and other assistive technologies.

Lists can also be used to quickly organize information. Group related things together with a bulleted list or quantify items and define sequences of steps with a numbered list. 

Add Buttons and Links

Invite people to explore additional content, such as a survey, by adding links to key phrases and words. Simply highlight any text and click the link button to paste a link.

Or, you can use the (+) to add a button. Once you’ve added the button, you can highlight “button”, replace it with your own text and add a link.

You can also add a single wide card or multiple cards to attract people to external resources. These cards can be modified in code view.

Embed your own code

Further customize text using code view. We no longer support Markdown, but you can still use HTML. For more information, see Customizing sites with HTML and CSS.

Made a mistake? No worries. Just click Ctrl + Z or Command + Z to go back. Check out the tooltip on your text editor for more shortcuts.

Ready to get started?

If you have ArcGIS Hub, you can get started today with ArcGIS Hub basic. If your organization has licensed additional ArcGIS Hub premium features, you can create a site by starting a new initiative.

ArcGIS Hub basic (including sites and core teams) are available with ArcGIS Enterprise Sites. For more information, see Create a site.

This post was originally published in Fall 2018 and has been updated.

About the author

Katie is a writer working on ArcGIS Hub and Enterprise Sites in the R&D Center in Washington, D.C.

Next Article

Jeffrey Sachs discusses the critical roles of GIS and storytelling in solving global challenges

Read this article