Skip to content

Open Sidebar or Dialog

Overview

Open a sidebar or dialog box on the client side to display modules, websites, print templates, and external pages.

Parameter Configuration

ParameterDescription
Display MethodDisplay method. Supports Sidebar and Dialog
Page TitleWhen display method is Sidebar, the title of the sidebar page. Expressions can be used to obtain context variables for dynamic content.
Display ControlWhen display method is Sidebar, supports Show Title Bar, Show Close Button, Show Modal, Close on ESC, Close on Mask Click
Page SizeWhen display method is Sidebar, you can control the size of the popped-up page. Expressions can be used to obtain context variables for dynamic content.
Opening DirectionWhen display method is Sidebar, supports Pop from Left, Pop from Right, Pop from Top, Pop from Bottom
Dialog TitleWhen display method is Dialog, the title of the dialog box. Expressions can be used to obtain context variables for dynamic content.
Dialog Distance from TopWhen display method is Dialog, the distance from the top of the display dialog box. Expressions can be used to obtain context variables for dynamic content.
Dialog WidthWhen display method is Dialog, the width of the display dialog box. Expressions can be used to obtain context variables for dynamic content.
Dialog HeightWhen display method is Dialog, the height of the display dialog box. Expressions can be used to obtain context variables for dynamic content.
Display ControlWhen opening method is Open in Popup, supports Display as Modal Window, Hide Close Button, Allow Clicking Background Mask to Close Window, Allow Pressing ESC to Close Window
Display TypeType of content displayed in the sidebar or dialog. Supports Module, External Page, Website Page, Print Template
ModuleWhen display type is Module, select the module to display.
Page AddressWhen display type is External Page, the address of the page to display. Expressions can be used to obtain context variables for dynamic content.
Page Rendering MethodWhen display type is Website Page, the rendering method of the website page. Supports Use Website Module's Page Rendering, Use Component Rendering
Resource and Component Designer ModuleWhen page rendering method is Use Website Module's Page Rendering, the source module of the page.
Page PathWhen page rendering method is Use Website Module's Page Rendering, the page path to use.
Resource and Component Designer ModuleWhen page rendering method is Use Component Rendering, the source module of the page.
ComponentWhen page rendering method is Use Component Rendering, the custom component used for rendering content.
Disable ShadowDom RenderingWhen page rendering method is Use Component Rendering, you can control whether to use ShadowDom rendering.
Component ParametersWhen page rendering method is Use Component Rendering, the parameters passed to the component.
Print Template ModuleWhen page rendering method is Print Template, the source module of the print template.
Print TemplateWhen page rendering method is Print Template, the print template to use.
Print Template ParametersWhen page rendering method is Print Template, the parameters passed to the print template. Expressions can be used to obtain context variables for dynamic content.

Usage Instructions

  • Disable ShadowDom Rendering

    For website pages rendered using component designer components, the system will use ShadowDom to render components by default to achieve style rendering isolation; in some scenarios, ShadowDom cannot render resources correctly, such as when the component contains iframe content. This issue can be resolved by disabling ShadowDom rendering.

Usage Scenarios

  • Reference modules within the platform to display data to achieve module reuse
  • Use the sidebar to open some functional modules or external pages, and preserve the current viewing state through the sidebar collapse function