Solved

Javascript CSS changes not reflected in .net server controls

Posted on 2008-06-11
3
308 Views
Last Modified: 2008-06-23
I have an ASP .NET application (3.5 framework).  I am using an UpdatePanel for a partial page refresh.  Inside this UpdatePanel, I have several server side controls (i.e. <asp:label runat="server"...).  I have a javascript function that changes the style.display setting on divs between none and block.  This creates an accordian effect with the stacked divs.  The problem is that when a div expands or contracts based on changing the display setting, the server side controls in other divs do not change their position on the screen.  I.E. section 2 contracts, the server controls in section 3 stay at the same position on the screen instead of moving up.

I need to have these server side controls move along with the rest of the information in the divs.

Any help is appreciated.
0
Comment
Question by:Sym73
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 5

Expert Comment

by:Qaiser_Mehmood_Mughal
ID: 21766709
Try to use the relevant  position of the divs, dont use the absolute positioning.
this will solve ur problem.
0
 

Author Comment

by:Sym73
ID: 21769524
The divs are not being absolutely positioned.
0
 
LVL 5

Accepted Solution

by:
Qaiser_Mehmood_Mughal earned 500 total points
ID: 21769553
But you should give them the position reletive.
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

jQuery is a JavaScript library that greatly simplifies JavaScript programming. AJAX is an acronym formed from "Asynchronous JavaScript and XML."  AJAX refers to any communication between client and server, when the human client does not observe a…
The Confluence of Individual Knowledge and the Collective Intelligence At this writing (summer 2013) the term API (http://dictionary.reference.com/browse/API?s=t) has made its way into the popular lexicon of the English language.  A few years ago, …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question