Contact Us Slide Out UI using AJAX for ASP.Net page

Posted on 2009-04-15
Last Modified: 2012-05-06
I have a webpage that has a button for Contact Us on it.  I need to create some sort of slide out panel that slides out when the Contact Us button is pressed that will present a form with a submit button.  I have the option of using AJAX, but am very unfamiliar with the technology so I need some general direction and ideas on how to pull this off.  I do not wish to use for sale 3rd party software.  
Question by:pprater1
    1 Comment
    LVL 3

    Accepted Solution

    I may get flack for this, but I like using jquery for this kind of thing.  You just need to create a hidden div around the contact form, like:

    <div id="contactForm" style="visibility: hidden;">
        ... contact input controls here

    Then your contact button can just call:


    Clicking on the button will cause it to appear or disappear.  You can also pass "normal" or "slow" to have it animate the transition.

    You can also write some custom javascript to simply manipulate the style that controls the visibility, but doing the animation will be more complex.

    Featured Post

    Highfive + Dolby Voice = No More Audio Complaints!

    Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

    Join & Write a Comment

    Suggested Solutions

    Title # Comments Views Activity
    Javascript - getdate 5 36
    Please explain "Promise Pattern" and how it's used 2 23
    send mail from 8 14
    Linq help 1 7
    Introduction HyperText Transfer Protocol ( or "HTTP" is the underpinning of internet communication.  As a teacher of web development I have heard many questions, mostly from my younger students who have come to t…
    I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
    Here's a very brief overview of the methods PRTG Network Monitor ( offers for monitoring bandwidth, to help you decide which methods you´d like to investigate in more detail.  The methods are covered in more detail in o…
    In this tutorial you'll learn about bandwidth monitoring with flows and packet sniffing with our network monitoring solution PRTG Network Monitor ( If you're interested in additional methods for monitoring bandwidt…

    755 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    18 Experts available now in Live!

    Get 1:1 Help Now