ASP.NET

Form Concept. Not Sure If It's Possible. RSS

5 replies

Last post Apr 28, 2012 05:29 AM by tusharrs

‹ Previous Thread|Next Thread ›

- Reply
rookpsu1

0 Points

3 Posts

Form Concept. Not Sure If It's Possible.

Apr 27, 2012 02:14 AM|LINK

I'm an ASP noob creating a small web app that performs a simple function and operates in a linear fashion.

Screen1 :User logs on

Screen2: User chooses a few options

Screen3: Results

Screen4: Confirm / Finish

Ideally, I'd like to set this up in a wizard fashion. I envision a fixed header, and ideally, I'd like the various screens to slide in/out as the user proceeds through the steps.

A rough example would be something like this: http://www.richosoft.co.uk/cfdemo/slidingcontact.html

The postback nature of ASP seems to make such a design rather difficult. If anyone knows of any components or has any design tips I'd be greatly appreciative.

Thanks.
- Reply
kelviyean

Member

228 Points

54 Posts

Re: Form Concept. Not Sure If It's Possible.

Apr 27, 2012 05:07 AM|LINK

Hello,

I would suggest you to have master page for fixed header at the top and jquery for slide in/out.
- Reply
tusharrs

Contributor

3230 Points

668 Posts

Re: Form Concept. Not Sure If It's Possible.

Apr 27, 2012 05:17 AM|LINK

<head runat="server">

<title></title>

         <link type="text/css" href="http://ajax.microsoft.com/ajax/jquery.ui/1.8.9/themes/blitzer/jquery-ui.css"         rel="Stylesheet" />

      <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.4.js"></script>

        <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.min.js"></script>

       <script type="text/javascript">

            $(function ()

            {

                  $("#myTabs").tabs();

             });

        </script>

</head>



<body>

   <div class="content">

      <div id="myTabs" style="width:500px;">

         <ul>

              <li><a href="#tab-1">Title 1</a></li>

              <li><a href="#tab-2">Title 2</a></li>

                <li><a href="#tab-3">Title 3</a></li>

        </ul>

        <div id="tab-1"> <p> tab1 </p> </div>

        <div id="tab-2">  <p> tab2  </p> </div>

        <div id="tab-3">  <p> tab3 </p> </div>

    </div>

</div>

</body>

Regards

( Mark as Answer if it helps you out )

View my Blog
- Edited by tusharrs on Apr 27, 2012 05:18 AM
- Edited by tusharrs on Apr 27, 2012 05:18 AM
- Reply
Evolutionz

Member

261 Points

95 Posts

Re: Form Concept. Not Sure If It's Possible.

Apr 27, 2012 05:19 AM|LINK

well the concept which you are talking about is possible with the help of jquery..

there is one jquery plugin is available over internet called formtowizard .. using this you can do your work
- Reply
rookpsu1

0 Points

3 Posts

Re: Form Concept. Not Sure If It's Possible.

Apr 27, 2012 02:03 PM|LINK

I've figured out the scrolling issue. The problem - as I see it anyway - is that the various pages need to be dynamically loaded based off user entry in the proceeding pages. I have an implementation now based off this tool (http://codecanyon.net/item/fss-full-screen-sliding-website-plugin/159103) which provides me the ability to abstain from preloading all slides (via AJAX), however from code behind (after I've done my work on the backend), I don't know how to programmatically hit the link to proceed forward.
- Reply
tusharrs

Contributor

3230 Points

668 Posts

Re: Form Concept. Not Sure If It's Possible.

Apr 28, 2012 05:29 AM|LINK

I've figured out the scrolling issue.

please give more details

Regards

( Mark as Answer if it helps you out )

View my Blog