Label With Scroll Bars Scroll To The End Using Javascript?
Jul 14, 2010
I have a an asp.net label control on my page.I have set the style to overflow: auto.
What i would like to know, is when there is a lot of text in my label and the vertical scroll bar is showing, is there away i can scroll to the end of the label using javascript?I would like the user to always see the bottom section of the label.
I don't think this is possible at all, but does anyone know a way to get 2 vertical scroll bars on a panel? Right now here's the code:
[code]....
There's a GridView inside the panel and it's so wide that scrolling all the way over to the right to scroll down causes the client to lose their position on the page and would like a scrollbar provided on the left (keeping the one on the right) if it's possible, anyone know of a way to do that?
I have a form that allows users to enter replies and then display them. I would like the entry and display fields to be multiline but limit the number af characters and not display the scroll bars??
I'm not even sure how to describe this problem to you, so I'll just show you: [URL] How can I get the report to show without scroll bars? There's plenty of space below for the report to expand.
I have a page with two updatepanels both using a timer's tick event to do various bits. The script manager is set to conditional updates and the panels are set up to use specified triggers but when the tick event fires for either the page flickers and the scrollbars reset to midway down the page. This renders my application unusuable.
I have gridview placed inside panel and allowed paging. I have used the code which is in the link URL...The problem is with the alignment. Is there any solution for this?
What is happening is that when I add my gridviews to these nested panels, the panel is just getting larger, the scroll bars are not scrolling, in other words the panels are stretching rather than their height staying fixed.
i have a multiline textbox with scrolling enabled and everything works fine in internet explorer but in mozilla firefox it doesnt scroll . whats the problem?
Is it possible to make a web form scroll itself down (or up) to a label, for example an error label, when it becomes visible? If yes - what's the method called?
I have a custom C# created listbox. This listbox is a multiple select listbox. Unfortunately, the client I am working with wants it to populate with customer data. This returns well over 20k options. I am getting this from SQL. So the list is dynamic, depending on the customers in the table in SQL. The list is ordered alphabetically by the customers last name. So Jim A would be first and Tony Z would be last.
The problem I am having is that the list is so large, and needs to stay at around 100px in height, it is damn near impossible to navigate (think watching an hour long youtube video, clicking a millimeter and skipping like 10 minutes of time). Sorting through the entire list would take a little longer, but, I can always add a loading jquery pop up for the second or two it would take. I already added a row of A-Z links to the bottom out of the listbox control.
Inside my if is where the magic needs to happen. Anybody know of a way to scroll to that value? I cannot imagine it would be this difficult. I tried selecting that value, then item.scrollIntoView() then deselecting that value. I do not want to select the first value, but rather just scroll to it. (think like an ipod touch songs list). Is there anyway to find the scroll bar position of the particular item then scroll to it?
The ListBox is in the EditItemTemplate of a FormView inside of an UpdatePanel. jQuery is possible but it would be great if there would be an asp.net serverside(or Ajax) way to achieve this because i don't want to use more client scripts than really needed(and this is only a nice to have).
i am using asp.net 4.0 iis 7.5 microsoft visual studio 2010
what i want is keep whole page (browser) scroll position (not a div or panel) when asynchronous postback happened (update panel) how can i do this actually i had a function which can keep div scroll bar position after postback like this
<script type="text/javascript"> var xPos, yPos; var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_beginRequest(BeginRequestHandler); prm.add_endRequest(EndRequestHandler); function BeginRequestHandler(sender, args) { xPos = document.getElementById('Main').scrollLeft; yPos = document.getElementById('Main').scrollTop; } function EndRequestHandler(sender, args) { document.getElementById('Main').scrollLeft = xPos; document.getElementById('Main').scrollTop = yPos; } </script>
bu i could not find browser scroll bar id to get its values to get with document.getElementById
I have a scroll bar in GridView. I m maintaining scroll bar position with javascript. It is working fine.
I have one more datagrid in the same page. I want to apply same Javascript to that datagrid also. Here is the javascript I used.
<script language="javascript" type="text/javascript"> var scrollTop; Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler); Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler); function BeginRequestHandler(sender, args) { var m = document.getElementById('divexample2'); scrollTop=m.scrollTop; } function EndRequestHandler(sender, args) { var m = document.getElementById('divexample2'); m.scrollTop = scrollTop; } </script>
I need to print the current page in the asp.net application for that I am using javascript:window.print().
It's working fine when the page content is within the bounds. However, if the horizontal scrollbar appears as a result of overflow, am able to print only the visible content while the overflown contents couldn't be printed.
Is there any workaround to get this working? Is there any other alternative apart from javascript to achieve this functionality?
I got a problem in horzontal scrollbar in listbox. For Asp.Net, i put the div and inside placed the scroll bar. I got the horizontal scroll bar. But in list box if it is large data, it is scrolled a list box, not scrolled list box inside data. I put the code here.
i want to make my site to have one backround picture that doesnt scroll i want the scroll in the table that will be inside the backround. for exmple this page here. [URL]
i have a update panel and when a link button is fired i need to set the scroll position to the top. i need this to happen in the code behind, i have tried the following but it wont work.
I have set a fix height of DIV and set its overflow-y:scroll but the problem is that if i have got data less than its height event though its showing scroll bar (disabled). how can i hide it... i mean give me solution so that the scroll bar will only show when data in that DIV is crossing height of DIV..
My code :
<div style="overflow-y:scroll; height:290px"> a data grid is here </div>