Configure Events page UI
  • 11 Nov 2024
  • 3 Minutes to read
  • Contributors
  • Dark
    Light
  • PDF

Configure Events page UI

  • Dark
    Light
  • PDF

Article summary

With the Simulator URL parameters, you can configure the Event page UI, which means managing the visibility of the Info panel and the following event tabs open in regular mode and in the Split view mode on the Events page: Details, Chat, Shared, Attachments, Accounts, Events, Actors. This feature helps you focus on the needed details and ignore unnecessary information at a particular time.

Event page View mode

To configure event UI:

  1. (Optional) On the Events page, click the Split view icon to turn on the Split view mode to see the real-time URL modification results.
    event page split view.png

  2. At the end of the URL in your browser, add the "?" symbol and the needed parameter(s).
    Note: For more information on parameters, go to Parameters.
    url highl.png

The specified tabs in the corresponding view mode appear on the Events page.

Parameters

  • plainMode:

    • plainMode=true. The Split view mode is turned on for the Events page regardless of user settings.
      PlainMode_true

    • plainMode=false. The Split view mode is turned off, and you can view the Events page in regular mode.
      plainMode=false

  • focusMode:

    • focusMode=true. The Navigation panel and all the event tabs don’t appear on the Events page.
      FocusMode_true

    • focusMode=false. The Navigation panel and all the event tabs appear, and you can view the Events page in regular mode.
      FocusMode=false

  • manageUI=[block name_condition]. Allows to manage the following blocks:

    • sidebar_true. The Navigation panel appears, and you can view the Events page in regular mode.
      Sidebar_true

    • sidebar_false. The Navigation panel doesn't appear on the Events page.
      Sidebar_false

    • streamsTabs_true. The list of events appears in regular mode with all stream tabs on the Events page.
      StreamTabs_true

    • streamsTabs_false. The list of events appears without stream tabs on the Events page.
      StreamTabs_false

    • streamsControls_true. You can see the Events page with all the buttons to find, filter, and create events.
      StreamControls_true

    • streamsControls_false. You can see the Events page without buttons to find, filter, and create events.
      streamsControls_false

    • eventControls_true. When you open an event, the event subject and additional actions button are in the upper-right corner of the event panel.
      EventControls_true

    • eventControls_false. When you open an event, the event subject and the additional actions buttons in the upper-right corner of the event panel don’t appear.
      EventControls_false

    • eventInfo_true. When you open an event, you can see the event's end date and price.
      EventInfo_true

    • eventInfo_false. When you open an event, the event's end date and price don’t appear.
      EventInfor_false

    • eventTabs_true. When you open an event, the event tabs appear in regular mode.
      EventTabs_true

      Note: When you want several tabs to appear, enter
      …?manageUI=eventTabs_[tab name]_[tab name].
      For example: [URL]?manageUI=eventTabsdetailschat_attachments.
      EventTabs_names

    • eventTabs_false. When you open an event, the event tabs don’t appear.

      EventTabs_false

    • reactionOptions_button name_button name. Show and hide buttons in reactions. You can control the following buttons (see Examples): smiles, snippets, script, files, rating.
      ui-smiles_files

    • hideDeleteReactionBtn_true. This parameter allows you to hide the Delete button in reactions and inactivate the Delete item in the reaction three-dot menu.
      ui-hide delete

    • hideInfoPanel_true. In the event full-screen view mode, hide the left-side navigation panel.

      Navigation panel onNavigation panel off
      ui-left sidebar trueui-left sidebar false
    • sidebar_false. In the event full-screen view mode, hide the right-side info panel.

      Info panel onInfo panel off
      ui-right sidebar falseui-right sidebar true hide
    • manageUI=search_false. On the Events page, hide the search icon.

      Search onSearch off
      ui-search true1ui-search false1
    • eventDoubleClick_false. On the Events page, turn off events opening in full view mode in a new browser tab by double-click.

    • manageUI=headerControls_false. On the Events page, hide the header controls icons.

      Header controls onHeader controls off
      header controls on1header controls off

Examples

Inside the manageUI, elements are separated by «:», while keys and values are separated by «_», for example:

"manageUI=eventTabs_chat_details:eventInfo_false:eventControls_false" 
// The eventInfo and eventControls are turned off; tabs are reduced to **Chat** and **Details**. 

"focusMode=true&manageUI=eventTabs_chat_details:eventInfo_true:eventControls_true" 
//The focusMode is used to turn off all elements except those allowed in the parameter.  

"manageUI "plainMode=true&focusMode=true&manageUI=sidebar_true" 
// The split view mode is activated, and all the elements are turned off except the sidebar allowed in the manageUI .

"manageUI=eventTabs_false" 
//All the tabs are turned off.

"manageUI=reactionOptions_files_snippets_script"
// This allows attaching a file, using snippets, and adding a CDU script to the reaction.

"manageUI=reactionOptions_false"
// This disables all reaction buttons, allowing only text input.

"manageUI=hideInfoPanel_true:sidebar_false"
// This is used in full-screen event mode to hide left and right-side panels.

"manageUI=search_false"
// This setting disables the search on the Events page.

"manageUI=eventDoubleClick_false"
// This setting disables opening an event in a new browser tab on the event double-click.

When using any of the mentioned GET parameters, the type: viewActor request type is sent to the API user webhook with access to the event. This info allows Corezoid Processes to determine which event is now in the user focus. This feature comes in handy when you embed the Events page as a widget into Scripts.


Was this article helpful?

What's Next