Styling Toolbar - Connect Suite

Styling Toolbar

As you are populating a page and once an App has been added to an app container, a Styling Toolbar will appear when you hover over the app.  This toolbar allows you to add specific style options to your app within the app container.
Styling Toolbar
  • Settings: You will select this tool for access to the general settings and to manage the app.
    • Example: For a Document App, you would select the Settings tool to access the settings and manage the documents
Settings
  • Toggle Full Width:  Allows you to select and toggle the content to display in full width across the page.  (This option is only available on a row Drop Content bar when a page has been set to Full Width display within the Details area of Site Pages.)
Styling Toolbar
  • Backgrounds: Allows you to select and assign a background color from a per-defined list of color choices to the app container.
Styling Toolbar
  • Top & Bottom Padding: Allows you to add additional padding to the top and bottom of the app container.
Styling Toolbar
  • Edit Max Height: Allows you to set a max height for the app container. When the content added exceeds that height, a scrollbar will be provided to view remaining content.  Note:  You must include the px when assigning a max height.  (Example: 400px)
Styling Toolbar
  • Alignment: Allows you to align the content within the app container as follows: Left, Center, Right.
Styling Toolbar
  • Reload: Allows you to reload the content of the app.
Styling Toolbar
  • Remove: Allows you to remove the App from the app container.
Styling Toolbar
  • Help:  Allows you to access the Help Documentation for the Styling Toolbar.
Styling Toolbar