Although there are a number of floating menu tuts out there, I can't seem to find one that will simply let a div tag stay in one position with relation to the screen size. I have a div tag in the middle right of my page that must basically stay there even if the user scroll down.
View 1 RepliesI lost the links that someone posted me how to make the gridview to have scroll bars.
I restate my question:I have a gridview to show about 20 records. Now put the gridview into a <DIV>.
Would like to know how do I make it scrollable but keep the header stay in the same position?There is a header for columns in my gridview.
I've a dataentry screen where I've to give the users aprovision to enter date and for doing that I've used a DatePicker control. The problem is when I'm clicking on the next/prev button to change the month of the calender, the calender is not staying on the screen. So in order to select other month the user has to re click on the button. find below the stepwise description of the problem I'm facing.
1. I click on the calender icon and the calender popps up.
2. Now user tries to navigate months (i.e June to July or June to May) using Next/Prev button of the Calender Control.
3. When Navigating from current month to next/prev month I want the calender to be shown on the screen but actually on click of the Next/Prev button one postback is happening hence I'm loosing the calender from the screen as the calender is loaded again.
4. I'm getting the selected date using onselectedChange event handler.
5. The users will have to click the button again if he wants to navigate to another month.
Is there any way to keep the calender on the screen during the month got changed.
I have a HTML table in a webpage of an ASP.NET website.
I want this table to stay in the screen when I scroll the page.in fact it's like a toolbox for me and I should always have easy access to it.how should I do that?
Note.Using this on master page.Ok.After trying for hours i cannot get it to work.I need the footer to stay on the bottom of the screen.This is exactly what i want but i does not work(footer stays where content ends). URL....
My page structure is this:
Code:
html,body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
font-size: small;
margin: 0;
padding: 0;
color: #000;
[code]...
I've got one columns of check boxes in a GridView, when i select the checkbox entire record(75 columns) is poupulated into formfileds resided just below the gidview. The problem I'm having is that when i selelect 50th record of database(db have 100 recrds) the view state should be on 50th record level but it is scroll over to the toplevel after selecting the checkbox, if user wants to select the 51st record again he scroll to that level.
View 9 RepliesHere's the scenario:I have an asp.net webpage which displays dynamic data in a gridview.I'm using a master page to display the header and footer of the page, and this gridview is being displayed inside a div in the contentplaceholder.
The Problem:What I want is that the size of the page that is displayed remains constant for a user and must be equal to the size of their browser's available display area and the content being visible by scrolling the div.Sort of like the header and footer remain at the same position and the content inside it is scrollable.
Is there anyway to define the screen position after a postback?
Specificaly i'm referring to the vertical scroll position. Some of my controls are set to AutoPostback = True. Depending on their selected value it then reveals a hidden ASP.Net panel and some more questions.
Problem is that with each post back the page refreshes at the top and i have to scroll back down to my question. I can use the .focus() control, that's fine, but it doesn't work as perfectly as i'd like. Is there any way of defining how many lines or pixels the screen is already scrolled to upon postback?
i find out that whenever there is a post back, the page will post back and go up to the to the top position of the screen. Is it posible for it to maintain the location as it is as before postback??
View 2 RepliesI have a requirement to position a div on the bottom of the last page when printing. Consider I have a page set up as follows.
[div id=Header]
[/div]
[div id=Lines]
x Number of lines that could potentially span 1 or more pages
[/div]
[div id=Footer style="position: absolute; bottom: 20px; left: 4px; right: 4px;"]
[/div]
No this code is fine if there are a few lines on the page, but if there are more than just a few the footer then overlaps some of the lines. Is it possible in CSS to fix the footer to the bottom of the page, but to attach to the bottom of the second page if the lines fill the first page. I think its the position absolute that is causing the problem. Has anyone else done this that has an alternative?
i am designing an registration page in asp.net.to group the components(label, ddl and text boxes) i am using panels,but while running the page positions of components are changing. How to fix components to a particular position?
View 2 RepliesI want to know that how can i make fit the page according to the screen size.
I am using master and child pages.
Before I already put the same question in the forum few months back but didnot get perfect answer. The solution I got from the forum is but it is not working fine:
[Code]....
I have published my website on intranet and checked on different sized monitors but the pages are not fitted according to the montior size.
I need to detect the screensize of a user, and only then decide if to display asp.net server control.
I tried to use javascript but it's not seems to work...
Users of my C# web application can upload images. I have configured the max upload size in the web.config file to maxRequestLength="1024" and executionTimeout="180".
How can I check the upload size before uploading? (do you have examlpe or url?)
Another option might be to check the dimensions?...
Some web application allow the user to crop the image at client side. Do you have an example of this or url?
i have mobile website.. in this i need to detect mobile wap browser and its screen size or resolution.. so then my website b displayed accordingly.
detecting wap browser and screen size and also i would i like to know how can i open my website according to the screen size?
I am trying to get the screenHeight and width:
[Code]....
but this is always show that the Height is 480 & the width is 640
I am trying on HTC with Opera Mobile 9.5
I have read many pages on detecting mobile phones but my question is for setting the screen size for this. I can easily made the screen the same size as my mobile phone but on some devices you still have to zoom in to see it. Is this mainly on the device side that needs to be set? Is there any way to tell the device to show the page zoomed in?
View 10 Replieshide webpart if screen size lower than 1280?
[Code]....
Im creating av web applications intended to be used by all kinds of mobile phones. which screen size I should design for?
View 5 RepliesI have made a cms where images can be uploaded. Now I have a problem that my images need to resize (in right proportion) depending on the screensize.
View 3 Repliesi have a hyperlink in a gridview
<asp:HyperLink ID="lblWiki2" runat="server" Text="S" Visible="false" Target="_blank" Font-Bold="True" NavigateUrl='<%# "wiki.aspx?Playerid=" + Eval("Playerid") %>' />
How do I add:
height=550, width=790,toolbar=no,directories=no,status=no, menubar=no,scrollbars=yes,resizable=no'
my asp net site views are different on 15" monitor than 21" screen.
site layout ruin on 21" screen however it works fine on 15".
I have created horizontal menu like below...
<!--<ul id="topnav">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li>
<a href="#">Link 4</a>
<span>
<a href="#">Subnav Link</a> |
<a href="#">Subnav Link</a> |
<a href="#">Subnav Link</a>
</span>
</li>
<li><a href="#">Link 3</a></li>
</ul>-->
problem is in my css i assigned margin-left:0px for span.so all my sub navs align to left.but i want to align sub nav under the mail nav.means i need to change align-left property of css dynamically using jquery.
means first sub nav link should be below 'link4' not under 'link1'
so i added following code but i dnt knw how to grab current li position and assign it to span margin.
$("#topnav li").hover(function () {
($(thіѕ).children()) {
$(thіѕ).has('span').css({ 'left': '200px' });
}, function () { //οn hover out...
});
I want to position my menu control on the right side of the page based on our design requirements.As a result, I want to make the arrow that indicates a submenu appear on the left of the menuitem as well as make all submenus flyout to the left now as well.
View 1 Replieswhen I hover over a menu option it's contents are shown above instead of the Bottom off. Even though the hover control says bottom. In my browser and others it works fine, I use IE8. But some browsers it's goes wrong.
<cc1:HoverMenuExtender runat="Server"
TargetControlID="pnlNewCustomers"
PopupControlID="pnlNewCustomerOptions"
HoverCssClass="popupHover"
PopupPosition="Bottom"
OffsetX="10"
OffsetY="-10"
PopDelay="50"
/>
css
.popupHover
{background-image:url(images/header-opened.png);
background-repeat:repeat-x;background-position:left
bottom;
background-color:#F5F7F8;}