ASP.NET - how to create sliding feedback form using asp.net 2.0 c#

Asked By Nandhini Devi on 12-Dec-11 05:16 AM
hi frndz,

      I'm doing a project in asp.net 2.0 c#. In that project i want to create a sliding feedback form with textboxes and labels in the center left or center right corner of that page. I need a coding for creating this sliding feedback form.
Plz help me frnds its very urgent.
Jitendra Faye replied to Nandhini Devi on 12-Dec-11 05:17 AM
Reference from-

http://visualstudio.uservoice.com/forums/121579-visual-studio/suggestions/2351446-allow-asp-net-forms-slidingexpiration-to-be-config

The behaviour of slidingExpiration prevents sliding expiration from being used to provide a precise time out. By default

"To prevent compromised performance, and to avoid multiple browser warnings for users who have cookie warnings turned on, the cookie is updated when more than half of the specified time has elapsed. This might cause a loss of precision. " - http://msdn.microsoft.com/en-us/library/1d3t3c61.aspx

It'd be great to be able to configure things so the cookie renews every time. Because this functionality isn't available, numerous people have built their own version of the renew the cookie every time sliding expiration behaviour.

Jitendra Faye replied to Nandhini Devi on 12-Dec-11 05:18 AM
Sorry for prevoius answer this is not your ans.,
Chintan Vaghela replied to Nandhini Devi on 12-Dec-11 05:24 AM

Hello,

Check following link

http://www.9lessons.info/2010/12/magical-feedback-form-with-jquery.html

 

Hope this is helpful !

Thanks

 

 

 

 

 

Jitendra Faye replied to Nandhini Devi on 12-Dec-11 05:27 AM
Contact forms are an indispensable part of every website. They are mostly implemented on a separate page and they rarely display creativity, even though there are http://www.jankoatwarpspeed.com/post/2008/09/15/Turn-postcard-photo-into-a-stunning-comment-form-using-CSS.aspx to improve their visual style. In this tutorial you will see how to create a dynamic, slide-in contact form using http://jquery.com/.


follow this link -

http://designshack.net/tutorials/creating-a-slide-in-jquery-contact-form
kalpana aparnathi replied to Nandhini Devi on 12-Dec-11 05:32 AM
Try this:

<div class=”box”>
<div id=”contactFormContainer”>
        <div id=”contactForm”>
          <fieldset>
            <label for=”Name”>Name *</label>
            <input id=”name” type=”text” />
            <label for=”Email”>Email address *</label>
            <input id=”Email” type=”text” />
            <label for=”Message”>Your message *</label>
            <textarea id=”Message” rows=”3″ cols=”20″></textarea>
            <input id=”sendMail” type=”submit” name=”submit” onclick=”closeForm()” />
            <span id=”messageSent”>Your message has been sent successfully!</span>
           </fieldset>
        </div>
        <div id=”contactLink”></div>
      </div>
      <div class=”header”>
        <h1>
        Company logo</h1>
      </div>       
      
    </div>
</div>
 
The CSS Code
   
 
 #contactFormContainer
      {
         position:absolute;
         left:600px;
         float:right;
      }
      #contactForm
      {
         height:277px;
         width:351px;
         background-image:url(’bkg.jpg’);
         display:none;
      }
  
#contactForm fieldset
      {
         padding:30px;
  
border:none;
      }   
      #contactForm label
      {
         display:block;
         color:#ffc400;
      }   
      #contactForm input[type=text]
      {
         display:block;
         border:solid 1px #4d3a24;
         width:100%;
         margin-bottom:10px;
         height:24px;
      
      #contactForm textarea
      {
         display:block;
         border:solid 1px #4d3a24;
         width:100%;
         margin-bottom:10px;
      
      #contactForm input[type=submit]
      {
         background-color:#4d3a24;
         border:solid 1px #23150c;
         color:#fecd28;
         padding:5px;
      }         
      #contactLink
      {
         height:40px;
         width:351px;
         background-image:url(’slidein_button.png’);
         display:block;
         cursor:pointer;
      }
      #messageSent
      {
         color:#ff9933;
         display:none;
      }
 
 
   
 
       $(document).ready(function(){
        $(”#contactLink”).click(function(){
          if ($(”#contactForm”).is(”:hidden”)){
            $(”#contactForm”).slideDown(”slow”);
          }
          else{
            $(”#contactForm”).slideUp(”slow”);
          }
        });
      });
      function closeForm(){
        $(”#messageSent”).show(”slow”);
        setTimeout(’$(”#messageSent”).hide();$(”#contactForm”).slideUp(”slow”)’, 2000);
       }
Riley K replied to Nandhini Devi on 12-Dec-11 05:46 AM


ASP.NET AJAX Accordion control makes efficient use of screen real-estate by enabling the smooth animated transition between different content panes.


<ajaxToolkit:Accordion
  ID="MyAccordion"
  runat="Server"
    
  SuppressHeaderPostbacks="true">
  <Panes>
    <ajaxToolkit:AccordionPane
      HeaderCssClass="accordionHeader"
     >
      <Header> . . . </Header>
      <Content> . . . </Content>
    </ajaxToolkit:AccordionPane>     
    .//You can place textboxes here
    .
    .
  </Panes>       
  <HeaderTemplate>...</HeaderTemplate>
  <ContentTemplate>...</ContentTemplate>
</ajaxToolkit:Accordion>




Regards
Anoop S replied to Nandhini Devi on 12-Dec-11 06:03 AM

Use jQuery for slider. Have your controls in slider and apply jQuery for sliding.

http://web-kreation.com/all/nice-clean-sliding-login-panel-built-with-jquery/

http://wpaoli.building58.com/2009/09/jquery-tab-slide-out-plugin/

http://wpaoli.building58.com/2009/09/jquery-tab-slide-out-plugin/

dipa ahuja replied to Nandhini Devi on 12-Dec-11 06:38 AM
To do it simple way you can use the ajax Collapsible panel:


<asp:ScriptManager ID="ScriptManager1" runat="server"/>    
<cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender2" runat="server" CollapseControlID="lbl2"
  ExpandControlID="lbl2" TargetControlID="Panel3" ExpandDirection="Vertical" Collapsed="true">
</cc1:CollapsiblePanelExtender>
<br />
<a href="#"><asp:Label ID="lbl2" runat="server" Text="Post FeedBack" /></a>
<asp:Panel ID="Panel3" BorderStyle="Solid" Width="200" BackColor="SkyBlue" runat="server"
  CssClass="ModalWindow">
  Name
  <asp:TextBox ID="TextBox2" runat="server" /><br />
  Email
  <asp:TextBox ID="TextBox3" runat="server" /><br />
  <asp:Button ID="Button1" runat="server" Text="Submit" /><br /><br />
</asp:Panel>