Is the div tag really needed vs the panel.For example, the dragpanel extender targes the panel control.
I runt across situation where it is an obstacle to use divs. For example if I have a div wrapping a panel, when I drag the panel, the div stays put.I was considering just getting rid of all my divs but didn't want to until I was sure it was ok.
How to make the selected record (area) for editing to be in the center of the screen?
I have a GridView with custom Edit functionality. I have panel, table and some controls for updating in the EditItemTemplate area. When the user selects to edit a record, I want the edited record area to be aligned in the center of the screen. What is happening now is, with the gridview having many records; the user has to navigate to find where the edit box displayed!
I have an aspx Login control and I would like to center it on the screen.
How can i accomplish this? I've tried applying text-align: center on it.
I want my webpage to be centered in the browser, but at the same time also have a minimum and maximum width.
I know I can center the page (well, the div element really) by setting the margin-left and margin-right CSS properties to auto. This works just fine and the page is centered, with room to spare on both the left and right side.
But, if your monitor is wide, this space is wasted, and I want the page to expand in that case. So instead of using 'auto' for the margin-left and margin-right properties, I used a fixed margin of 50px on both sides. Now, the site expands and shrinks with the browser nicely, and it is still centered.
However, I don't want the site to become too small, otherwise elements start overlapping. So, I set the min-width property in the CSS to 800px. This still works fine. I can resize the browser and the page shrinks, until it hits 800px then it simply stays in place.
The relevant CSS at this time is:
Code:
.page
{
margin: 10px 50px 10px 50px;
min-width: 800px;
}
A new problem now occurs when the browser window is too large. In that case the contents of the site are all on the left side, and the right side of the page (the page mainly consists of a grid) is empty. So what I want now is to also set a maximum width. I tried doing that by simply setting the max-width property in the CSS (to 1650px):
Code:
.page
{
margin: 10px 50px 10px 50px;
min-width: 800px;
max-width: 1650px;
}
This doesn't work the way I want though. While it doesn't expand the site further than 1650px, the site is no longer centered when the browser window is larger than that. The margin is kept fixed at 50px on the left, but it grows on the right side (because the page cannot grow any further).
So, I thought I could set the margins back to auto:
Code:
.page
{
margin: 10px auto 10px auto;
min-width: 800px;
max-width: 1650px;
}
While the page is large enough, this works just fine, the page is centered. However, if I now shrink the window again, so that the width of the page is below the max-width, there is no longer a margin on the left and right sides! The page just sits right against the browser edge...
What I basically need is a way to set the margin to auto, but with a minimum margin of 50px. Is that possible?
I'm having an odd problem. I have a <td> that is set to align it's content in the center. There is a label at the top of the TD that is centered. But then I have an UpdatePanel, and the content of the update panel is not centered. I tried clearing the browser cache, and everything in between but for some reason all of the contents (two GridViews) of the UpdatePanel will not center.
View 3 RepliesI cannot seem to center the header text of a column in my GridView if it is sortable. The html output is much different for a sortable column (it seems to place a table inside of the td column).
Any thoughts on what can be done to get this centered?
I put the html ouput in a jsfiddle here ... [URL]
I have tried the following code on the grid view with no success. Bear in mind that the bound fields are server controls I designed but they do not affect the header text in any fashion:
<sc:DateBoundField DataField="LastLogin" SortExpression="LastLogin" HeaderText="Last Login"
HeaderStyle-Width="125px" ItemStyle-Width="125px" HeaderStyle-HorizontalAlign="Center" />
<sc:SCommandButtonField Command="Change" ItemStyle-Width="100px" HeaderStyle-Width="100px"
HeaderText="Change" HeaderStyle-HorizontalAlign="Center" Image="img.axd?ico16=edit" />
I want my UpdatePanelAnimationExtender animation to always show in the center of the browser window even after a window resize or page scroll. The animation does re-center horizontally after a window resize but not vertically. It does not re-center after either a vertical or horizintal page scroll. I get the same behavior in IE 8, Safari & Firefox. Below is my code:
[Code]....
I have a page with several panels. panel1 has a drop down list to select client. panel2 has two drop down lists to select facility1 and facility2. I want panel 2 to be disabled (both facility1 and facility2 drop downs disabled) until a selection has been made in panel1 drop down list. when a client is selected from dropdownlist1, I want to enable both dropdown list2 and 3 in panel2.
View 7 RepliesI have a panel and a background image. to stretch this image in the panel if the height is adjusting. I have tried to google this but have trouble find a solution for this.The image has the size: (647 X 158).
The only thing that will change is the height of the panel. Now it does repeat by default. no - repeat will probably only make the image its orignal size wich is not stretching it out over the whole panel.Otherwise I am thinking of change the size of the image itself in C#. [Code]....
Using VB, VS2010, I have a large image in a panel and want to be able to pop-up panels while hovering over it. This one large image is a picture of a lot of components that I woulld like to treat individually when I hover them. I have done this before by placing a transparent button in another panel that is absoultely positioned over the larger one. I have the button transparent with a border that shows up using hover in css. Everything works fine expcept that the panel does not show itself in the right place when viewiing in the browser window. It shows fine in design view, but shifts over while browsing in the browser. I have tried making all panels absolutely positioned. Still a problem. Is there a better way to put a panel over a panel?
View 1 RepliesI have a panel bar..each time I press panel bar item I display ascx control with in update panel..but it lakes update panel loading time lot..how I can decrease that loading time?
View 2 RepliesI have an AJAX Modal Popup panel that contains a RadioButtonList, 2 labels and 2 DropDowns. I want to update the Labels and DropDowns when a radio button is selected. My attempt at this posts back which causes the ajax popup to disappear.
aspx called on image click:
<asp:Panel ID="pnlModalContainer" runat="server">
<asp:RadioButtonList ID="rblTest" runat="server" RepeatDirection="Horizontal" OnSelectedIndexChanged="rblTest_SelectedIndexChanged">
[code]...
I am having trouble wiht my AJAX collapsible Panel Extender. I have the CPE opening a panel that contains the Table of Contents of a document being displayed on the page. A user clicks on the link for a certain part of the document, the event triggers a C# function that gets the file that particular section is contained in an displays the section. Right now you have to, of course, click on the TitlePanel to open and to close the CPE. What I want to do is have it close automatically whenever a link inside the content panel has been clicked. I have tried placing this.cpeTOC.Collapsed=true; in the functiion that gets the files but it does not work. I have also tried the autocollapse property of the CPE and it just collapses whenever someone moves thier mouse from the titlepanel.
View 1 RepliesI am using Ajax Control ToolKit's Accordian Control with 5 Accordian Panel. Contents of Accordian Panel are UserControl. Currently I have added all in the design mode, But it making my page slow because it loads all the content at a time. So, I want this to be dynamic. When User Click on Header of Accordian Panel, It loads the user control dynamically and also asynchronously.
I tried to put the user control under UpdatePanel which I placed under Accordian Content Panel but this is not working. Also I want to display loading images if getting slow response from server. how can I achieve it. It will be better if you provide an example.
I'm new to the world of Update Panels and i'm having a hard time figuring out how to use them properly.
I have a form that has a table(TABLE1)...and inside TABLE1 i am linking to a sql data source....at the bottom of the table i have a 'Add' button.
When the user clicks the add button...a modal popup appears (POPUP1) and inside the POPUP1 the user can click a link that can add a user...when the link button is clicked...a panel within POPUP1 is set to visible = true.
I have one update panel around the whole table and the add button...when i click add and then click the link to add a user....the modal popup disappears.
i have a panel out of update panel.i have to make it hidden while navigating through different tabs,i tried these codes
Panel1.Attributes["style"] = "display: 'none';";
Panel1.Attributes.Add("style", "DISPLAY:none;");
three div tag having three button i have clicked a button i want to find which button clicked on which tag in asp.net
View 1 RepliesHow to Make an Opacity Panel Over Other Panel has Pictures
View 5 RepliesI have 3 panels on single .aspx page and depending on condition required panel is displayed . Default panel is panel 1 .
View 5 RepliesI have an UpdatePanel and inside that I have an Accordion and several panes. From the first pane i can push three ImageButtons. Each imagebutton will load a control into a Placeholder in another Pan - still in the same accordion though.
The problem accur when I push the buttons. After two or three push the buttons will stop responding and nothing gets loaded into the Placeholder.
[Code]....
How to assign one tab panel to another tab panel in ajax in asp.net 2.0 ....
View 1 RepliesI am working on a functionality of user right, in which admin is selecting the pages and the user and save it. so whenever that user will login into the system then he will be able to see only those pages which were selected and saved for him by the admin.
now for that i have created one page for the list of pages of the application and user list and i am storing them into the database. and then to hide and show the panels i have created the BaseWebPage in my application but here i am not able to get the master page to hide the panel and show only those which are permitted. i dont have much knowledge of BaseWebPage. i am working in framework 2.0 and i have links of all pages that i have shown in a master page in a panel.
I have a web page that I have a media control player on along with other controls in a table.It's a training video, so the controls are not visible.So the user can advance to the next web page,I thought I would have a button control inside an update panel with a time control so that the user had to watch the video and then the button control would appear after the video completed.I'm setting the button update panel to NOT visible and then turning it one when the time control elapses the same amount of time that the video runs.My problem is that when I set the visible property of the update panel to NOT visible it also makes the media player's panel NOT visible too.They are in two different panels.The medial player in a standard panel and the timer control connected witha separate panel that contains the button for the user to proceed. When I set the visible property to "true" the media player runs but the update panel with the button is visible also.
[Code]....
This is the code for the update panel and continue button that is in a separate table cell.I even split the table and so this is in a completely separate table but I still get the same behavior.
I have a panel withitn an updatepanel with some buttons.
When one of the buttons is pressed, I'm updating a different update panel.
The problem is that when I click the button, nothing seems to happen.
If I click the button again , then I see the first update. If I click it again, I see the second update and so on..
I have one update panel inside updatepanel i have one dropdownlist .When i change dropdownlist value so as per value button1 which is out of updatepanel not visible =true or false as per dropdownlist value.
View 2 Replies