Bienvenido, Invitado
Recordarme

TEMA:

Setting Fixed Width for a Column in a View 1 mes 1 semana antes #274173

  • Autor del tema
  • Dankill
  • Fuera de línea
  • Junior Breezer
  • Junior Breezer
  • Mensajes: 21
  • Gracias recibidas: 0
So I have a ContentBuilder list view which includes a column to display the username of the users who create the entries to the list. The length of these names can vary quite a bit and we have noticed that this is creating a lot of white space when an especially long username expands the column. I would like to set the column to a fixed width to prevent this horizontal expansion to the table, but the css "width" property seems to get ignored (even with the !important tag). Other css works fine on the column, such as colour changes.

Here is the simple css that I have tried:
.table th.sectiontableheader:nth-child(3), td:nth-child(3) {
    width: 100px !important;
}

Is there anything unique that must be done to achieve this?

Thank you.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Setting Fixed Width for a Column in a View 1 mes 1 semana antes #274176

  • Avatar de tihana.krivic
  • tihana.krivic
  • Fuera de línea
  • Moderator
  • Moderator
  • Mensajes: 10502
  • Karma: 3
  • Gracias recibidas: 702
Hi,

could you please send me link of that view that I can check it with css in Console?

Regards,
Tihana

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Setting Fixed Width for a Column in a View 1 mes 1 semana antes #274227

  • Autor del tema
  • Dankill
  • Fuera de línea
  • Junior Breezer
  • Junior Breezer
  • Mensajes: 21
  • Gracias recibidas: 0
Thank you for taking a look. You can find an example at: muleit.ca/get-me-a-lift/item-to-move

The site is under construction, so ignore any unrelated errors you see in the inspection panel.
The goal is to have column 3 (Username) be a fixed width of 100px just to prove the concept.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Setting Fixed Width for a Column in a View 1 mes 6 días antes #274233

  • Avatar de tihana.krivic
  • tihana.krivic
  • Fuera de línea
  • Moderator
  • Moderator
  • Mensajes: 10502
  • Karma: 3
  • Gracias recibidas: 702
Hi,

ok, if you add this:
.table th.sectiontableheader:nth-child(3), td:nth-child(3) {
    max-width: 100px !important;
}
then you will see that the code works ok.

Please test it and let me know if you need more help

Regards,
Tihana
El siguiente usuario dijo gracias: Dankill

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Setting Fixed Width for a Column in a View 1 mes 6 días antes #274242

  • Autor del tema
  • Dankill
  • Fuera de línea
  • Junior Breezer
  • Junior Breezer
  • Mensajes: 21
  • Gracias recibidas: 0
Thanks tihana, it looks like I will have to word-wrap or obscure the overflow into the neighboring cell, but that fixes the width issue. Thought it would be simple and glad it was.

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Setting Fixed Width for a Column in a View 1 mes 6 días antes #274243

  • Avatar de tihana.krivic
  • tihana.krivic
  • Fuera de línea
  • Moderator
  • Moderator
  • Mensajes: 10502
  • Karma: 3
  • Gracias recibidas: 702
Hi,

np, anytime :)

If you need anything else, feel free to ask

Regards,
Tihana

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

  • Página:
  • 1
  • 2
Moderadores: ForumSupport
Tiempo de carga de la página: 0.054 segundos