Перейти к содержимому


Вкладки подтаблиц в несколько рядов


Сообщений в теме: 5

#1 Whitescorpion

    Активный участник

  • Пользователи
  • PipPipPip
  • 54 сообщений

Отправлено 27 Июнь 2018 - 20:29

Доброго времени суток.

Подтаблиц много и вкладки растянуты на всю страницу. Хочется их отобразить в два ряда.
Можно ли как-то это осуществить?

#2 andibrag

    Прежде, чем задать вопрос, продумайте свое решение.

  • Активный пользователь
  • PipPipPip
  • 1 327 сообщений
  • Пол:Мужчина
  • Город:Санкт-Петербург

Отправлено 28 Июнь 2018 - 11:10

Просмотр сообщенияWhitescorpion (27 Июнь 2018 - 20:29) писал:

Подтаблиц много и вкладки растянуты на всю страницу. Хочется их отобразить в два ряда.
Можно ли как-то это осуществить?
Можно текст сделать в два ряда, если он длинный.
В подключаемый js-файл добавьте строку:
$("[id^='tab']>a").css("max-width", "200px"); // ширина тестового поля вкладки
$("[id^='tab']>a").css("white-space","normal"); // разрешить переносы
Или повернуть на 90 градусов:
$("[id^='tab']>a").css("writing-mode", "tb-rl"); 

Творческая группа "ТАВР".

www.MEGATAVR.com Художественная ковка, витражи, мозаика, фрески.

www.iGal.pro Уникальный мангал.


#3 maksbazhin

    Активный участник

  • Пользователи
  • PipPipPip
  • 46 сообщений
  • Пол:Мужчина

Отправлено 02 Июль 2018 - 13:07

Можно ли строки в подтаблице уменьшить по высоте?

#4 andibrag

    Прежде, чем задать вопрос, продумайте свое решение.

  • Активный пользователь
  • PipPipPip
  • 1 327 сообщений
  • Пол:Мужчина
  • Город:Санкт-Петербург

Отправлено 02 Июль 2018 - 17:07

Просмотр сообщенияmaksbazhin (02 Июль 2018 - 13:07) писал:

Можно ли строки в подтаблице уменьшить по высоте?
попробуйте
$("tr [id^='subtable_']").css("height", "XXpx");
XX - высота строки

Творческая группа "ТАВР".

www.MEGATAVR.com Художественная ковка, витражи, мозаика, фрески.

www.iGal.pro Уникальный мангал.


#5 Александр Jet

    Активный участник

  • Пользователи
  • PipPipPip
  • 39 сообщений

Отправлено 07 Август 2018 - 19:32

Подскажите пожалуйста, как при помощи js изменить css-свойства отдельного поля?

Для поля f1234 нужно применить следующие параметры:
.user-data__key {
	  display: none;
}
.user-data__value {
	  width: 550px;
}
.user-data textarea.hidden-input {
	  max-width: 550px;
}

Это уберет название поля в карточке записи и растянет само поле на всю ширину страницы. Таким образом, в серединку записи можно будет вставлять справочную информацию в текстовом виде, что может многим пригодиться

#6 Александр Jet

    Активный участник

  • Пользователи
  • PipPipPip
  • 39 сообщений

Отправлено 07 Август 2018 - 19:59

Решение найдено: эти свойства добавил напрямую в подключаемый файл css





Количество пользователей, читающих эту тему: 2

0 пользователей, 2 гостей, 0 анонимных