Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Fixed Width in TabPanels

Estas en el tema de Fixed Width in TabPanels en el foro de Frameworks JS en Foros del Web. Hello! I need a little help from you. I have a TabContainer with some nested TabPanels. Each TabPanel has different contents and so, there are ...
  #1 (permalink)  
Antiguo 23/12/2009, 06:55
 
Fecha de Ingreso: octubre-2009
Mensajes: 11
Antigüedad: 14 años, 6 meses
Puntos: 0
Fixed Width in TabPanels

Hello!

I need a little help from you.

I have a TabContainer with some nested TabPanels. Each TabPanel has different contents and so, there are different widths depending on the panel.
I would like to have the same width for every TabPanel. I have used Width="100%" in both, TabContainer and TabPanel, but the width of each TabPanel fits its content.

Any ideas?


Thank you!
  #2 (permalink)  
Antiguo 23/12/2009, 11:15
Avatar de jackson666  
Fecha de Ingreso: noviembre-2009
Ubicación: Buenos Aires, Argentina
Mensajes: 1.971
Antigüedad: 14 años, 5 meses
Puntos: 65
Respuesta: Fixed Width in TabPanels

Try this in both: width: 100% !important;

If does not work, try changing the unit '%' to pixels (if it's a fixed size)

(que ingles el mio)
__________________
HV Studio
Diseño y desarrollo web
  #3 (permalink)  
Antiguo 28/12/2009, 03:45
 
Fecha de Ingreso: octubre-2009
Mensajes: 11
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Fixed Width in TabPanels

Thanks for your answer jackson666!

Unfortunately I can't use pixels to define the width because the final users have different screen resolutions and the information showed in panels must fit the screen.
Thanks anyway!

Any other ideas? :D
  #4 (permalink)  
Antiguo 08/01/2010, 07:43
 
Fecha de Ingreso: octubre-2009
Mensajes: 11
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Fixed Width in TabPanels

Finally I used this line in the code behind:

protected void Page_Load(object sender, EventArgs e)
{

if(!Page.IsPostBack)
{
ClientScript.RegisterStartupScript(this.GetType(), "notification", "document.getElementById('ctl00_cntPh_TabContainer ').style.width = '900px';",true);

}

}

where "ctl00_cntPh_TabContainer" is the client control name of the tab's Container.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:21.