1b.app
Скопійоване посилання -

Підставлення тексту у таблиці вертикально

Є шаблон документа https://ultracash.crm-onebox.com/admin/shop/document/templates/14/control/
У ньому вказано параметр тексту writing-mode: vertical-rl;
У самому документі текст вертикально, але коли його вивантажуєш у PDF, все одно горизонтально.
Приклад документа https://ultracash.crm-onebox.com/admin/document/65/control/
У чому може бути причина?
Оригінальне питання доступне на версії: ru https://qube-soft.com/ crm erp onebox qubesoft внедрение аналитика 1с интегратор

Відповіді:

Властивість writing-mode - не затверджена в специфікації css - вона є експериментальною, відповідно не скрізь працюватиме
21.01.2022, 09:34
Оригінальний коментар доступний на версії: ru


Derkach Dmytriy
OneBox production написав:
Властивість writing-mode - не затверджена в специфікації css - вона є експериментальною, відповідно не скрізь працюватиме


а якою властивістю можна задати, щоб текст у таблиці розташовувався вертикально?
21.01.2022, 10:34
https://qube-soft.com/ crm erp onebox qubesoft внедрение аналитика 1с интегратор Оригінальний коментар доступний на версії: ru

Спробуй це http://jsfiddle.net/qjzwG/319/ але мені здається конвертер pdf його теж проігнорує
21.01.2022, 10:38
Оригінальний коментар доступний на версії: ru


Derkach Dmytriy
OneBox production написав:
Спробуй це http://jsfiddle.net/qjzwG/319/ але мені здається конвертер pdf його теж проігнорує

а як його правильно вставити у стиль? Можеш підказати?
<td class="xl75" style="padding-top: 1px; padding-right: 1px; padding-left: 1px; font-size: 11pt; font-family: 'Arial Narrow', sans-serif; vertical-align : middle; border-top: 0.5pt solid windowtext; border-right: 0.5pt solid windowtext; border-bottom: 0.5pt solid windowtext; border-left: none; border-image: initial; width: 229.375px; : vertical-rl; text-align: center; height: 227px;" rowspan="6" align="right">Дата видачі кредиту/дата платежу</td>
21.01.2022, 10:42
https://qube-soft.com/ crm erp onebox qubesoft внедрение аналитика 1с интегратор Оригінальний коментар доступний на версії: ru

Спробуй на саму комірку додати клас verticalTableHeader і прибрати writing mode
<td class="xl75 verticalTableHeader" style="padding-top: 1px; padding-right: 1px; padding-left: 1px; font-size: 11pt; font-family: 'Arial Narrow', sans-serif; vertical- align: middle; border-top: 0.5pt solid windowtext; border-right: 0.5pt solid windowtext; border-bottom: 0.5pt solid windowtext; border-left: none; border-image: initial; width: 229.375p 227px;" rowspan="6" align="right">Дата видачі кредиту/дата платежу</td>
далі в head вставити
<style>
.verticalTableHeader {
text-align:center;
white-space:nowrap;
transform-origin:50% 50%;
-webkit-transform: rotate(90deg);
-Moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.verticalTableHeader:before {
content:'';
padding-top:110%;
display:inline-block;
vertical-align: middle;
}
</style>
21.01.2022, 10:46
Оригінальний коментар доступний на версії: ru


Derkach Dmytriy
OneBox production написав:
nowrap

Підставив, але осередок виходить великий не за текстом.
Ось приклад документа https://ultracash.crm-onebox.com/admin/document/79/control/
Як можна зробити, щоб була за розміром тексту в комірці?
21.01.2022, 11:27
https://qube-soft.com/ crm erp onebox qubesoft внедрение аналитика 1с интегратор Оригінальний коментар доступний на версії: ru

Вся справа в тому, що поворот тексту властивістю transform: rotate(90deg); - Повертає його ТІЛЬКИ візуально, ось ширина колонки і стає рівною ширині тексту як він написаний горизонтально з цим нічого не зробити
21.01.2022, 11:37
Оригінальний коментар доступний на версії: ru


Derkach Dmytriy
OneBox production написав:
Вся справа в тому, що поворот тексту властивістю transform: rotate(90deg); - Повертає його ТІЛЬКИ візуально, ось ширина колонки і стає рівною ширині тексту як він написаний горизонтально з цим нічого не зробити

І виходить жодного іншого варіанту немає? Правильно я розумію
21.01.2022, 11:42
https://qube-soft.com/ crm erp onebox qubesoft внедрение аналитика 1с интегратор Оригінальний коментар доступний на версії: ru

Або використовувати експериментальний функціонал (але в pdf буде не так як в браузері), або той, що я заклав вище
+ ще 1 можу
робиш на комірку нормальне написання текст після кожної літери ставити перенесення (<br>) - причужиться кожна буква буде один під одним, але не горизонтакльнго повернутий,
см скріншот
21.01.2022, 11:49
Оригінальний коментар доступний на версії: ru

Будь ласка, приєднуйтесь до діалогу. Якщо вам є що сказати – будь ласка, напишіть коментар. Для входу потрібний мобільний телефон та смс-код для ідентифікації. Увійти та написати коментар