Popover

Properties of List of Popover

1. Id - unique identifier of the control
2. Title - the text that will be shown in the Dialog Header. This property will be ignored when showHeader is set to false.
3. Icon - 
4. ContentHeight - height setting of the Dialog
5. ContentWidth - width setting of the Dialog
6. HorizontalScrolling -  set a boolean value or a variable with type boolean from the Model to control the horizontalScrolling property
7. VerticalScrolling - set a boolean value or a variable with type boolean from the Model to control the verticalScrolling property
8. Placement - select the values from sap.m.PlacementType
9. After Close (Script) - 
10. Show Header - set a boolean value or a variable with type boolean from the Model to control the showHeader property

11. Advanced - properties of the control not available in the above list can be added here. 

    Setting Additional Properties provides further information about the Advanced property

Step-by-step guide

How to add a Popover

1. Right click on a Page and select Add Dialog-→ Popover
   
2. A Popover Control has been added
   
3. Controls can be added by doing a Right click on the Popover
   
4. The Popover Control can be accessed by using the FAB delivered JS function below
   

   openPopover(popoverName, oControl)

   opens a Responsive Popover with name 'popoverName'. The popover will emerge from oControl( eg Button)

Related articles

• Page:
  2.11.5 Setting Additional Properties of a Control
• Page:
  2.2.5 Add UI elements to the App