| i want a scrollable window in my aspx page |
| asp csharp posted at Sunday, November 02, 2008 2:53 AM |
| Hi all,
In my home page I have to place huge static info.So I want a scrollable window in my home page where I wil provide the info.like when we give something in search in this site.It wil give a scrollable window.Like that I want.Could anybody help me pls.
Thanking you. |
 |
|
|
| |
| i want a scrollable window in my aspx page |
| Jack Shah replied to asp csharp at Sunday, November 02, 2008 3:48 AM |
Hi,
In BODY portion of your page, add below line(If you already have such line then verify that style should not be fixed):
<p style="display: block; margin: 300px 0 0 0;" > </p>
if the scrollbar still doesn't get's active, increase the margin top (which I initially set to 300px)
-Jack
|
|
| |
| CREATING A SCROLLING WINDOW IN A WEB PAGE |
| Binny ch replied to asp csharp at Sunday, November 02, 2008 4:31 AM |
THE 3 STEPS TO SCROLLING
1. CREATE A BASIC HTML PAGE
Nothing special here, we just a need a place to type in our code. You can use your web design software to create your page but I would suggest that you type out the code by hand (what!) because that's the best way to learn this stuff.
Here's the basic page:
START OF CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My Practice HTML Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
</body>
</html>
END OF CODE
I am not going to explain the HTML code because I'll assume you all know how to do this by now. But if you don't, just read my beginner's web design tutorial; why don't you?
2. CREATE A DIV WITH SOME TEXT
The next step is to place a <div> tag in-between the <body> and </body> tags, then paste enough text in the div so that when we get the scrolling working, you will have enough to see the text scroll a little.
3. WRITE THE CSS CODE THAT WILL MAKE THE DIV SCROLLABLE
To make a <div> tag scrollable, all you need to do is give it an overflow property, a height and width - just take a look my example code and add it to your <div>:
START OF CODE
<div style="overflow:auto; height:250px; width:300px;">
<p>
Pay attention to my coding style - you may learn something
about formatting code so that it's easier to read!
</p>
<p>
In your actual page you should have much more text to see the
scrolling action do its thing - I kept it short for the article ...
</p>
</div>
END OF CODE
|
|
| |
 Re Scroll |
| sri sri replied to asp csharp at Sunday, November 02, 2008 9:59 PM |
Hi,
you can try using "div" or "iframe"
check the following code
<IFRAME ID="AFrame" SRC="Emp.aspx" ... </IFRAME>.
<div style="overflow:auto ; height:150px; width:200px;">
contents here
</div>
|
|
| |
| simply use div for scroll in aspx page |
| Web star replied to asp csharp at Sunday, November 02, 2008 10:54 PM |
| <div style="overflow:auto >put here yr control or grid or what u wnat</div> |
|
| |
| try this code |
| C_A P replied to asp csharp at Monday, November 03, 2008 9:55 AM |
A Panel is probably the easiest way (it renders as a Div):
<asp:Panel ID="Panel1" runat="server"
ScrollBars="Vertical"
Width="80%" Height="200px"
BorderStyle="Solid" BorderWidth="1" >
Your text here!
</asp:Panel>
|
|
| |
| try this link |
| C_A P replied to asp csharp at Monday, November 03, 2008 9:57 AM |
Tips & Tricks / FAQ for Interactive Designer
How to create a custom scrollbar and/or scroll pictures?
Vertical: http://www.quark.com/service/forums/viewtopic.php?t=20162
Horizontal: http://www.quark.com/service/forums/viewtopic.php?t=20162#87517
http://www.telerik.com/community/code-library/submission/b311D-dtdcb.aspx
|
|
| |
|
|