Popover

Owned by Charles Evans
Jul 03, 2020
2 min read

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)