Add Button in Widget Title enhancement

You can use the Add Button in Widget Title enhancement to replace a widget's Add Content button with a Plus button that appears in the upper-right corner of the widget. If the widget connects to multiple channels, the button allows you to select what channel to create content in. 

The enhancement applied to a Blog Articles widget.

Sections in this article:

Considerations

Keep in mind the following when using the Add Button in Widget Title enhancement:

Set up the enhancement

To turn the enhancement on for the first time, follow the steps below.

Add enhancement code to the header

Warning 

Adding code that contains errors can disrupt the functionality of your digital workplace. Use caution when adding code to this area.

Add the following code to the header of your digital workplace:

<!-- Add Button in Widget Title enhancement begins -->
<script src="https://igloo-prod.azureedge.net/cmedia/enhancements/add-btn/add-button.js"></script>
<link rel="stylesheet" type="text/css" href="https://igloo-prod.azureedge.net/cmedia/enhancements/add-btn/add-button.css" /> 
<!-- Add Button in Widget Title enhancement ends -->

Configure the enhancement

The Add Button in Widget Title enhancement can be used with any compatible widget. To configure the widget: 

  1. Navigate to the page you want to edit. 
  2. Select Actions and then Edit
  3. Place a compatible widget or select Edit on the widget. 
  4. Configure the widget as needed in the Options tab. The widget must have a title and Show add link turned on. 
  5. In the Appearance tab, in Class, enter the following: add-btn.
  6. Select Update.
  7. Select Publish Page.  

Turn the enhancement on

Once the code has been placed, the enhancement is ready to be used.  If you have already turned the enhancement off following the steps in the Turn the enhancement off section below, you can remove <!-- before and  --> after the middle two lines and save the changes to the header. 

Turn the enhancement off

To turn the enhancement off, you can remove the code entirely or add <!-- before and  --> after the middle two lines, as shown below, and save the changes to the header. 

<!-- Add Button in Widget Title enhancement begins -->
<script src="https://igloo-prod.azureedge.net/cmedia/enhancements/add-btn/add-button.js"></script>
<link rel="stylesheet" type="text/css" href="https://igloo-prod.azureedge.net/cmedia/enhancements/add-btn/add-button.css" />
<!-- Add Button in Widget Title enhancement ends -->

Changes to:

<!-- Add Button in Widget Title enhancement begins -->
<!-- <script src="https://igloo-prod.azureedge.net/cmedia/enhancements/add-btn/add-button.js"></script> -->
<!-- <link rel="stylesheet" type="text/css" href="https://igloo-prod.azureedge.net/cmedia/enhancements/add-btn/add-button.css" /> -->
<!-- Add Button in Widget Title enhancement ends -->

Use the enhancement

Add content to selected channels

Members with appropriate access levels can select the Add button to add new content to a channel. If the widget is displaying content from multiple channels, a dropdown list is displayed to select which channel to add content to.