DNN Forums

Ask questions about your website to get help learning DNN and help resolve issues.
Prev
Next

Adding a JS slide-out panel for contact form

Forums > Themes, Containers, and Templates
Sort:
You are not authorized to post a reply.





David Fenske

New Around Here



Posts:27
New Around Here




6/11/2021 2:38 PM

    Hi DNN brethren,

    The website I'm currently working on needs to have an always-available (desktop and mobile) contact form, ideally in the form of a sticky side-button or icon, that when clicked, a panel slides out and contains a nice modern-looking contact form. 

    I'm trying figure out the most efficient way to accomplish this - I've used ActionForm modules pretty extensively, also would be open to trying Mandeeps LiveForms, but can I add that sliding panel idea as a layout pane in the skin? I've found one other commercial form module that already comes with that option, but isn't a very attractive form without a lot of restyling, and not a very smooth animation.

    Any suggestions for this? I'll be converting an HTML template from ThemeForest that has an HTML form example of this type of thing included.

    Thanks for any guidance!

    David






    Joe Craig

    Veteran Member



    Posts:1236
    Veteran Member




    6/12/2021 12:49 AM
      You should be able to create a content pane in your skin and animate it to slide in and out. Then, you can add your favorite module (which could be a form module) to that pane.

      I've done things like this with Bootstrap tabs and accordions that include content panes within the content of the tabs or accordion elements. I think that there may be some modules that allow you to do this as well.

      Here is an example of a tab structure built into a skin file: https://hsc.com/Services/...ng-Services/Embedded

      Remember that a DNN page is just an HTML page, so if you can do something in HTML you can do it in DNN.
      Joe Craig
      DNN MVP
      Patapsco Research Group





      David Fenske

      New Around Here



      Posts:27
      New Around Here




      6/15/2021 2:18 PM

        Thanks, Joe! I should be able to do that -  I'll be using a purchased HTML theme converting to a DNN skin, and I should be able to adapt the particular structure for the slide-out panel, but include the layout pane div inside of that to be able to drop in a form module. 

        It would be kind of nice to have it all be part of the module, but it's probably better to be able to make it be exactly the way I need it.

        Thanks again!
        David

        You are not authorized to post a reply.

        These Forums are dedicated to the discussion of DNN Platform.

        For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

        1. If you have (suspected) security issues, please DO NOT post them in the forums but instead follow the official DNN security policy. 
        2. No Advertising. This includes the promotion of commercial and non-commercial products or services which are not directly related to DNN.
        3. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
        4. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
        5. No Flaming or Trolling.
        6. No Profanity, Racism, or Prejudice.
        7. Site Moderators have the final word on approving / removing a thread or post or comment.
        8. English language posting only, please.

        Would you like to help us?

        Awesome! Simply post in the forums using the link below and we'll get you started.

        Get Involved