/
2.2.10.33 Popover

2.2.10.33 Popover

Jun 06, 2018

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. 

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