Page is Scrolling Up When Clicked On Button In ASP.NET Webforms

Question

0.00/5 (No votes)

See more:

hi
I Have a Page With 50 Types Of Products Taken In Datalist And For Each Product There I Had Put A Button "Add To Cart".
My Problem Is That When I Click On The Button "Add To Cart" Of A Product, Then The Page Is Scrolling To Top Position Always.
How To Stop The Scrolling Of A Page When Button Is Clicked..
Some One Help Me..Thanks In Advance...

The Designing Code I Had Used :

XML

<%@ Page Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" MaintainScrollPositionOnPostback="true"
    CodeFile="Products.aspx.cs" Inherits="Library" Title="Products Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <br />
     <asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1"
        DataKeyField="ProductID"
        onselectedindexchanged="DataList1_SelectedIndexChanged" RepeatColumns="3" RepeatDirection="Horizontal"
    BorderColor="#336699" BorderStyle="None" BorderWidth="2px" Width="747px">
            <ItemTemplate>
                <%--ProductID:--%>
                <asp:Label ID="ProductIDLabel" runat="server" Text='<%# Eval("ProductID") %>' Visible="false"/>
                <br />
                <br />

                <asp:Label ID="ProductNameLabel" CssClass="class1" runat="server"
                    Text='<%# Eval("ProductName") %>' />
                <br /><br />
                <asp:Image ID="Image1" runat="server" CssClass="class1" ImageUrl='<%# Eval("ProductImage") %>' Height="100" Width="150"/><br />
                <asp:Label ID="ProductImageLabel" runat="server" Text='<%# Eval("ProductImage") %>' Visible="false" /><br />
                <br />
                <asp:Button ID="lnkSelect" runat="server" CommandName="Select" Text="Add To Cart" />
                Price:
                <asp:Label ID="ProductPriceLabel" runat="server" Text='<%# Eval("ProductPrice") %>' />

                <br />

            </ItemTemplate>
            <ItemStyle HorizontalAlign="Center" VerticalAlign="Top" />
        </asp:DataList>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server"
            ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
            SelectCommand="SELECT [ProductID], [TypeOfImage], [ProductName], [ProductDescription], [ProductPrice], [ProductImage] FROM [tblImages] WHERE ([TypeOfImage] = @TypeOfImage) ORDER BY ProductName">
            <SelectParameters>
                <asp:ControlParameter ControlID="DataList1" DefaultValue="Products"
                    Name="TypeOfImage" PropertyName="SelectedValue" Type="String" />
            </SelectParameters>
        </asp:SqlDataSource>

</asp:Content>

Posted 1-Aug-13 0:54am

CHAITANYA KIRAN KASANI

Updated 1-Aug-13 1:30am

v4

Add a Solution

Comments

Ankur^\m/ 1-Aug-13 7:00am

browser specific or all browsers?

CHAITANYA KIRAN KASANI 1-Aug-13 7:07am

for all browsers

Ankur^\m/ 1-Aug-13 7:38am

Do you have any client script attached to the button?

Joezer BH 1-Aug-13 7:09am

Are you using anchors in the page (<a href="#..."> etc)?

CHAITANYA KIRAN KASANI 1-Aug-13 7:22am

this is the code i had used

<asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1"
DataKeyField="ProductID"
onselectedindexchanged="DataList1_SelectedIndexChanged" RepeatColumns="3" RepeatDirection="Horizontal"
BorderColor="#336699" BorderStyle="None" BorderWidth="2px" Width="747px">
<itemtemplate>
<%--ProductID:--%>
<asp:Label ID="ProductIDLabel" runat="server" Text='<%# Eval("ProductID") %>' Visible="false"/>
 

 

<asp:Label ID="ProductNameLabel" CssClass="class1" runat="server"
Text='<%# Eval("ProductName") %>' />
 
<asp:Image ID="Image1" runat="server" CssClass="class1" ImageUrl='<%# Eval("ProductImage") %>' Height="100" Width="150"/> 
<asp:Label ID="ProductImageLabel" runat="server" Text='<%# Eval("ProductImage") %>' Visible="false" /> 
 
<asp:Button ID="lnkSelect" runat="server" CommandName="Select" Text="Add To Cart" />
Price:
<asp:Label ID="ProductPriceLabel" runat="server" Text='<%# Eval("ProductPrice") %>' />

 

<itemstyle horizontalalign="Center" verticalalign="Top">

3 solutions

Solution 1

I hope you are using # tag in href.

Use "javascript:void(0)" instead of "#"

Please check this.

http://stackoverflow.com/questions/134845/href-attribute-for-javascript-links-or-javascriptvoid0[^]

Posted 1-Aug-13 1:01am

Syed Shabeer

Updated 1-Aug-13 1:03am

v2

Comments

CHAITANYA KIRAN KASANI 1-Aug-13 7:09am

no i didnot give href, i had given
<asp:Button ID="lnkSelect" runat="server" CommandName="Select" Text="Add To Cart" />

Solution 2

HI,

If your page is aspx page then you can add the following attribute to your aspx page directive that will stop the scrolling of the page during the button click.

MaintainScrollPositionOnPostback="true"

This is the simplest way of doing this. Try this one for your requirement.

Thanks

Posted 1-Aug-13 1:10am

Sisir Patro

Comments

CHAITANYA KIRAN KASANI 1-Aug-13 7:16am

i had added but same problem is coming

Thanks7872 1-Aug-13 7:20am

show the code where you have added the above line.

[no name] 1-Aug-13 7:47am

What is the problem you are facing here? Please post the problem too.

CHAITANYA KIRAN KASANI 1-Aug-13 7:30am

pls see the code i had updated

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CHAITANYA KIRAN KASANI · Accepted Answer · 2013-08-02T00:24:00

I Got The Solution:

MaintainScrollPositionOnPostback Property is not working in Firefox and Chrome and provided a solution that works in all major browsers Internet Explorer IE, FireFox, Google Chrome, Apple Safari and Opera.

I refered The Below Link , It Gives The Code In Javascript That Works Well On MaintainScrollPositionOnPostback In All Browers
http://www.aspsnippets.com/Articles/ASPNet-MaintainScrollPositionOnPostback-not-working-in-Firefox-and-Chrome.aspx

Page is Scrolling Up When Clicked On Button In ASP.NET Webforms

3 solutions

Solution 3

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us