WebSite x5 форум Web мастеров

WebSite X5 => Общие вопросы => Тема начата: Vladimir59 от 15 Март, 2019, 19:18:14 pm

Название: Почтовая форма
Отправлено: Vladimir59 от 15 Март, 2019, 19:18:14 pm
Почтовая форма представляет собой ячейки, расположенные одна под другой. Возможно ли все их или часть разместить на одной горизонтальной линии?
Название: Re: Почтовая форма
Отправлено: Прынц от 15 Март, 2019, 19:24:47 pm
Насколько я помню, в настройках v17 есть такая возможность, правда сам так не делал.
Название: Re: Почтовая форма
Отправлено: Nik79 от 15 Март, 2019, 19:34:41 pm
Да, возможно. Нужно выделить поле которое нужно объединить с предыдущим - Редактировать - Поставить галочку напротив Отображать в той же строке что и предыдущее
Название: Re: Почтовая форма
Отправлено: Vladimir59 от 23 Март, 2019, 06:46:42 am
Спасибо! Разобрался. Там еще надо, чтобы все в одной строке размещаемые поля в совокупности не превышали 100 процентов по ширине.
А вот как кнопку "отправить" поставить в этот же ряд???
Название: Re: Почтовая форма
Отправлено: vitmed от 26 Март, 2019, 04:15:37 am
.....А вот как кнопку "отправить" поставить в этот же ряд???
Стилями....
Название: Re: Почтовая форма
Отправлено: Nik79 от 26 Март, 2019, 08:49:42 am
Спасибо! Разобрался. Там еще надо, чтобы все в одной строке размещаемые поля в совокупности не превышали 100 процентов по ширине.

Забыл про % написать. Ну ничего главное разобрались)))
Название: Re: Почтовая форма
Отправлено: Vladimir59 от 31 Март, 2019, 12:10:26 pm
.....А вот как кнопку "отправить" поставить в этот же ряд???
Стилями....
Не посоветуете, где про стили почитать "чайнику"?
Название: Re: Почтовая форма
Отправлено: vitmed от 01 Апрель, 2019, 06:13:52 am
Не посоветуете, где про стили почитать "чайнику"?
http://htmlbook.ru/ (http://htmlbook.ru/)
https://html5book.ru/ (https://html5book.ru/)
-------------------------------------
Вот пример формы для WebSite X5 17.0.11 Professional
https://ibb.co/w6WGqWs (https://ibb.co/w6WGqWs)
Используем код стилей
 
<style>
#imObjectForm_1_buttonswrap {
    text-align: right;
    margin-top: -41px;
}
@media screen and (max-width: 480px) {
#imObjectForm_1_1_container, #imObjectForm_1_2_container {
    width: 50%;
}
#imObjectForm_1_buttonswrap {
    text-align: center;
    margin-top: 0px;
}   
}
@media screen and (max-width: 380px) {
#imObjectForm_1_1_container, #imObjectForm_1_2_container {
    width: 100%;
}
}
</style>

Сам проект ниже.
Название: Re: Почтовая форма
Отправлено: Vladimir59 от 01 Апрель, 2019, 11:28:36 am
СПАСИБО!!!