{"id":185481,"date":"2014-04-27T23:25:02","date_gmt":"2014-04-27T23:25:02","guid":{"rendered":"http:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=185481"},"modified":"2018-12-18T10:19:39","modified_gmt":"2018-12-18T18:19:39","slug":"home-page-banner-and-featured-content-display-tips","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-online\/administration\/home-page-banner-and-featured-content-display-tips","title":{"rendered":"Home page banner and featured content display tips"},"author":7641,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[37501],"tags":[27361,57521],"industry":[],"product":[36551],"class_list":["post-185481","blog","type-blog","status-publish","format-standard","hentry","category-administration","tag-design","tag-home-page","product-arcgis-online"],"acf":{"short_description":"When configuring your organization one of the options is to include a featured content ribbon on your home page. ","flexible_content":[{"acf_fc_layout":"content","content":"

When configuring your organization one of the options is to include a featured content ribbon on your home page. This is handy way to showcase maps, apps, and more, and provides one-click access to content.<\/p>\n

First, create a group containing the maps and apps you want to feature, making sure the group is public and items in it are public (recommended if your organization Home will be publicly accessible). Feature the group items by clicking My Organization, then Edit Settings:<\/p>\n

\"\"<\/p>\n

Choose the Home tab and select the group you want to feature from the dropdown list:<\/p>\n

\"\"<\/a><\/p>\n

The name of the group will appear as the gallery title, and the item title is used for the label displayed under each thumbnail. The group title appears in black, the item title in blue.<\/p>\n

\"\"<\/p>\n

What you see will vary depending on the dimensions of your Home page banner graphic. The following are examples using several common banner sizes.<\/p>\n

Banner size 960 x 180 px<\/strong><\/p>\n

The dimensions for the standard small banner are 960 x 180 pixels, and here\u2019s an example from\u00a0IndianaMAP<\/a>:<\/p>\n

\"\"<\/a><\/p>\n

This layout allows the featured content title and item titles to display effectively, and delivers a clean look.<\/p>\n

Banner size 960 x 400 px<\/strong><\/p>\n

If using a larger banner the featured content title will be hidden. The maximum image size is 470 px in height, so if you make your graphic a bit shorter the remaining space will show as a gray border, enabling the blue item title to display nicely. This example from the City of Greenville, South Carolina, uses a Home banner 960 x 400 px, a recommended size for larger banners.\"\"<\/a><\/p>\n

Banner size 960 x 470 px<\/strong><\/p>\n

Another popular large banner size option, these dimensions completely cover the standard banner area allotted by the current ArcGIS Online styles. Using banner graphics of this size requires extra consideration since the gray area upon which the item labels display will be covered by the banner graphic. The bottom of the banner will need to complement the default blue text, or a light stripe along the bottom must be added to your graphic to make the text visible. Another option, not covered in this post, is to override the style to change the text color. See\u00a0Supported HTML for configuring the website<\/a>\u00a0for more information.<\/p>\n

This example from\u00a0UPLAN<\/a>\u00a0(UDOT Map Center) uses a 960 x 470 px banner that includes a lighter colored, faded stripe along the bottom to enable the item titles to be more readable.<\/p>\n

\"\"<\/a><\/p>\n

Going bigger?
\n<\/strong><\/p>\n

Bigger is not always better, and while you can experiment with banner sizes larger than the three mentioned above, you will be overlapping and underlapping other parts of the Home page style, and will need to factor that into your banner art and overall layout. If you\u2019re really looking to do something different, you might consider embedding your featured content group in a web page of your own design.<\/p>\n

Tips<\/strong><\/p>\n