nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Cascade template - control line break in title?

MariGerr

Is it possible to control the line break in the Title of the story map? For example if I enter the title:

Cascade template
Add line break

I would like the line break to be between template and Add.

When I view the Story Map live, it displays on full screen as:

Cascade template Add
line break

I've tried to use html tag <br>, but don't believe HTML can be used in the text entries.

Any other solutions?

Vind meer berichten getagd met

Accepted answers

oevans_storymaps

Mari -- Unfortunately, that is not possible.

Cascade is a responsive app, meaning it modifies how your story is displayed so that it looks as good as possible on many different devices. This includes different screen resolutions and browser window sizes on a desktop or laptop and all the different sized tablets and mobile phones. Having line breaks in a title often looks nice in a big browser window but can make your cover look very bad/awkward in other cases.

If you have an need to do this for a particular story you could download the app code from GitHub and a developer could customize it to design the cover that you want.

All comments

oevans_storymaps

Mari -- Unfortunately, that is not possible.

If you have an need to do this for a particular story you could download the app code from GitHub and a developer could customize it to design the cover that you want.

MariGerr

Ah I see, thank you for the detailed response.

Is it by chance possible, to build a Story Map app online and then download the configured code and develop it further?

MariGerr

Oops, disregard my followup question about how to develop an app further. I read your linked instructions on github for the following info.

First create your Cascade story in ArcGIS Online using the step-by-step tutorial. Once your story is ready, you have to find its ID in ArcGIS Online. The ID is a 32 character string that you will find in your web browser's address bar when you are viewing your story.
Download the application
Deploy the application on your webserver. See FAQ for details
Edit index.html, find the configuration section on line 41 and paste in your application ID
Navigate to index.html (e.g., <A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2F127.0.0.1%2FCascade%2Findex.html" target="_blank">http://127.0.0.1/Cascade/index.html</A>)
Enjoy! You can continue to use the builder in ArcGIS Online to modify your story. See customize the look and feel section or developer guide if you want to modify the app.

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.