Forum Discussion

saideepak's avatar
saideepak
Contributor
6 years ago

Modal dialogue auto popup

How to do the auto pop up of modal dialogue in Lithium without click? Atleast by using Javascript to launch the modal dialogue, how to know the modal dialogue hypertext link?
  • cike's avatar
    cike
    6 years ago

    saideepak  - The Khoros modal component always renders a link/button, even if you don't specify the parameter. In this case the default is rendered.

    But you can use CSS in your skin to hide the button, but still use the Javascript to trigger its click event.

cike's avatar
cike
Champion
6 years ago

saideepak  - You can include a custom modal component as described by Parshant. Afterwards you can access your community and the page, where you included the component.

Use your browsers web development tools to inspect the source. There should be a HTML snippet for the modal, including a trigger button.

With this information (CSS Class/ID) you can add an additional Javascript snippet, which needs to trigger the buttons click event to show the modal without any user interaction.

 

Best regards

Christian

  • saideepak's avatar
    saideepak
    Contributor
    6 years ago

    Thanks cike i believe that It would work for me. Can i have a modal dialogue without any button/link? I am looking for a component/modal which automatically pops up without any button/link to end user 

    • cike's avatar
      cike
      Champion
      6 years ago

      saideepak  - The Khoros modal component always renders a link/button, even if you don't specify the parameter. In this case the default is rendered.

      But you can use CSS in your skin to hide the button, but still use the Javascript to trigger its click event.

      • saideepak's avatar
        saideepak
        Contributor
        6 years ago

        cike  for the solution