ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / Oracle APEX [игнор отключен] [закрыт для гостей] / Растояние между полями форме ввода
36 сообщений из 36, показаны все 2 страниц
  все  
Растояние между полями форме ввода
    #38989106
Бакыт
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бакыт
Участник
здравствуйте, как сделать так чтобы
растояние между полей можно было бы регулировать и расположении по горизонтали
...
Рейтинг: 0 / 0
21.06.2015, 11:33
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38989374
heavyside
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
heavyside
Участник
Бакыт,

Версия апекса и темка?
...
Рейтинг: 0 / 0
22.06.2015, 09:29
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38989398
Бакыт
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бакыт
Участник
heavysideБакыт,

Версия апекса и темка?

APEX 5.0

тема 42
...
Рейтинг: 0 / 0
22.06.2015, 10:03
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38989430
heavyside
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
heavyside
Участник
Бакыт,

Короче суть тогда вот в чём:
Просто, чтобы знать на будущее куда лезть:
У шаблона страницы прописано в Grid Layout Количество колонок максимальное(по умолчанию 12). Default Label Column Span по умолчанию 3.
Аналогично Display Points должно содержать галку Grid Support и Maximum Fixed Grid Columns. (Например у модальной страницы Хедер и Футер не содержат грида и нарисовать на одной строке айтемы просто не получится, либо менять, либо извращаться со свойствами)

Соответственно при отрисовке страница делится на 12 колонок. Далее в них раскидываются лейблы и сам элемент. Т.к. на лейбл 3 колонки и выравнивание выставлено вправо, то получается такие вот эффекты. Выравнивание можно в Template Options этого региона поменять. Количество колонок на лейбл меняется либо через шаблон для всех, либо поле Label Column Span выставить в меньшее значение. Ещё помогает настройка Stretch Form Item как в Template Options региона, так и айтема, тогда просто элемент тянется на все доступные ему колонки. Ну и поля Column и Column Span позволяют как обычно определить с какой колонки начинать рисовать элемент и сколько колонок займет айтем(лейбл+элемент)

Сорри, если излишне подробно, но чую тема будет не один раз возникать, хочу иметь возможность скопировать)
...
Рейтинг: 0 / 0
22.06.2015, 10:39
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38989450
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
Бакыт,
сначала попоробуй деклараивно - 2-х колоночная вёрстка. Без всякого кодинга и стилей.
Обычно этого хватает.
...
Рейтинг: 0 / 0
22.06.2015, 10:52
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38989453
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
Бакыт,
у тебя по дизайну страница слишком широкая.
...
Рейтинг: 0 / 0
22.06.2015, 10:53
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38989456
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
дезиГн
...
Рейтинг: 0 / 0
22.06.2015, 10:54
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38989506
SvDev
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SvDev
Участник
Если надо, чтобы не растягивалось, я подобные вещи обычно решаю выставлением свойства style="display:inline-block", например, в Region Attributes или через css где-нибудь поближе к item grid. Во многих темах регионы растягиваются за счет свойства display:block, при котором блок занимает всю ширину родителя, соответственно достаточно где-нибудь в атрибутах поменять это свойство, там же можно и фиксированную ширину выставить.

P.S. Для 5.0 универсальной темы, возможно метод не столь актуален, я на новый апекс пока не планирую переезжать.
...
Рейтинг: 0 / 0
22.06.2015, 11:51
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38989515
Бакыт
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бакыт
Участник
SvDevЕсли надо, чтобы не растягивалось, я подобные вещи обычно решаю выставлением свойства style="display:inline-block", например, в Region Attributes или через css где-нибудь поближе к item grid. Во многих темах регионы растягиваются за счет свойства display:block, при котором блок занимает всю ширину родителя, соответственно достаточно где-нибудь в атрибутах поменять это свойство, там же можно и фиксированную ширину выставить.

P.S. Для 5.0 универсальной темы, возможно метод не столь актуален, я на новый апекс пока не планирую переезжать.
спасибо, вечером попробую
...
Рейтинг: 0 / 0
22.06.2015, 12:00
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38989536
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
Бакытрастояние между полей можно было бы регулировать и расположении по горизонтали
слишком много вариантов регуляторов)).
У меня в старом проекте вообще шаблон региона новый для 2-х колоночной верстки (возможно велосипед для > 4.XXX)
- если уменьшить контенер div, то и все айтемс тоже уменьшатся.
- если подпись к айтемс будет широкая, тоже всё сдвинется.
и т.д.
...
Рейтинг: 0 / 0
22.06.2015, 12:21
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990079
Bie
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Bie
Участник
SvDev style="display:inline-block"

Спасибо, класс
...
Рейтинг: 0 / 0
22.06.2015, 19:52
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990090
Бакыт
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бакыт
Участник
BieSvDev style="display:inline-block"

Спасибо, класс
я пробывал так у меня значения "Съедает"
...
Рейтинг: 0 / 0
22.06.2015, 20:10
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990105
SvDev
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SvDev
Участник
Бакыт,

Это значит какая-то новая фишка универсальной темы 5.0. Возможно требуется установить width пошире, или переписать еще какие-нибудь свойства, надо будет посмотреть как-нибудь.
...
Рейтинг: 0 / 0
22.06.2015, 20:38
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990107
Бакыт
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бакыт
Участник
SvDevБакыт,

Это значит какая-то новая фишка универсальной темы 5.0. Возможно требуется установить width пошире, или переписать еще какие-нибудь свойства, надо будет посмотреть как-нибудь.
этот атрибут под разные разрешения экрана т.е "responsive" поддерживает?

а так действительно хороший атрибут ,внешний вид преобразился сразу
...
Рейтинг: 0 / 0
22.06.2015, 20:45
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990112
Бакыт
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бакыт
Участник
незнаю этот атрибут повлиял или раньше не замечал , но как решить чтобы поля сумм на переходил в другую строку внутри поля "wrap" или как называется
...
Рейтинг: 0 / 0
22.06.2015, 20:51
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990120
SvDev
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SvDev
Участник
Бакыт,

Я бы начал с подбора свойств width / min-width / max-width в разных местах через атрибуты / CSS. А вообще нужно разбираться, я в новых фишках 5.0 пока не очень.
...
Рейтинг: 0 / 0
22.06.2015, 21:10
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990326
heavyside
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
heavyside
Участник
Бакыт,

Съедает скорее всего ровно потому что я написал. 12 колонок в этом гриде, 100% / 12 = 8,3(3)% ширина одной колонки.
Лейбл "Пол" занимает 3 колонки, аналогично лейбл "Дата рождения". Итого 6 колонок. Остаётся под айтемы 6 колонок. Делится поровну, если не указано иное, 3 под пол, 3 под дату. Не влезло в 3? значит скрыть. В респонсив теме точно поменялся алгоритм отрисовки, раньше ширина колонок при построении подгонялась под содержимое, теперь же ширина колонок фиксирована в процентах и соответственно зависит от размера окна. Responsive же. Если уменьшите размер окна, то "съестся" ещё больше.
Как вариант решения - заменить на "М" и "Ж", можно селектлист сделать.
Ну и совет от SvDev - можно посмотреть откуда взялась такая ширина региона, может у него например ширина задана, или паддинги большие и дать региону через CSS вырасти вправо до края страницы
...
Рейтинг: 0 / 0
23.06.2015, 09:32
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990327
blkangel
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
blkangel
Гость
SvDevБакыт,

Я бы начал с подбора свойств width / min-width / max-width в разных местах через атрибуты / CSS. А вообще нужно разбираться, я в новых фишках 5.0 пока не очень.

Не не, тут обычный nowrap
Код: css
1.
style="white-space:nowrap;"


Это атрибут столбца, не элемента.
...
Рейтинг: 0 / 0
23.06.2015, 09:33
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990328
blkangel
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
blkangel
Гость
SvDevБакыт,

Я бы начал с подбора свойств width / min-width / max-width в разных местах через атрибуты / CSS. А вообще нужно разбираться, я в новых фишках 5.0 пока не очень.

Нужно стараться не задавать размеры, иначе дизайн не адаптивный получится
...
Рейтинг: 0 / 0
23.06.2015, 09:34
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990351
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
blkangelНужно стараться не задавать размеры, иначе дизайн не адаптивный получится
+1
Потом люди мучаются с переходом на новые версии.
Аффтар дал 2 айтемса на фетбольном поле и говорит что некрасиво).
Надо весь дизайн-скрин со всеми элементами вёрстки.
...
Рейтинг: 0 / 0
23.06.2015, 10:01
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990361
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
аффтар!
Если проблема в 3-м скрине, то нужно не лезть в стили, а выставить в грид лайоуте все парам. в НЕТ.
Тогда контролы максимально прижмуться влево друг к другу по горизонтали.
...
Рейтинг: 0 / 0
23.06.2015, 10:12
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990363
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
т.к. сам див у тебя узкий, то дата ДР всё равно перепрыгнет на следующую строку.
Т.е. думай опять про дизайн.
...
Рейтинг: 0 / 0
23.06.2015, 10:14
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990366
heavyside
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
heavyside
Участник
blkangel,

Ну ширина auto, 100%, vh и т.д. вполне себе респонсив
...
Рейтинг: 0 / 0
23.06.2015, 10:15
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990370
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
heavysideКак вариант решения - заменить на "М" и "Ж", можно селектлист сделать.
+1
Текст просто не влазит, а он его насилует CSS'ом
...
Рейтинг: 0 / 0
23.06.2015, 10:17
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990405
SvDev
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SvDev
Участник
Бакытэтот атрибут под разные разрешения экрана т.е "responsive" поддерживает?
Вообще-то я начал именно со слов, если надо чтобы не растягивалось...
Иногда хочется, чтобы растягивалось, иногда хочется, чтобы не растягивалось, естественно это не responsive уже, оно ведь не растягивается. На самом деле в начальном топике не очень-то написано, чего соб-нно надо-то.

Есть два подхода - либо заниматься резиновой версткой, где всё растягивается, либо наоборот, чтобы подгонялось под размеры элементов, тогда задавать ширину и оступы на уровне элементов где-то больше возможностей, где-то меньше.

Интерфейс не бывает везде и полностью резиновым, где-то нужно так, где-то эдак... В общем зависит от задачи.
Ну и css где-нибудь да понадобится в любом случае.
...
Рейтинг: 0 / 0
23.06.2015, 10:48
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990410
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
SvDevначальном топике не очень-то написано, чего соб-нно надо-то.
вот и я о том - 3 скрина, и все с разными вопросами
...
Рейтинг: 0 / 0
23.06.2015, 10:53
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990419
Бакыт
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бакыт
Участник
Задача моя в разных экранах, 4:3, 16 :9 мониторах красиво было,
только этого хочу добиться и + компактность размещения полей чтобы , мышко не бегать по экрану

все для народа кароче
...
Рейтинг: 0 / 0
23.06.2015, 10:57
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990432
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
БакытЗадача моя в разных экранах, 4:3, 16 :9 мониторах красиво было,
только этого хочу добиться и + компактность размещения полей чтобы , мышко не бегать по экрану
все для народа кароче
Если это дизайн, а это вопрос по нему, то приведи минимум 2 скрина на этих экранах по проблеме.
ДеЗигн дело тонкое)) (с)
...
Рейтинг: 0 / 0
23.06.2015, 11:10
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990434
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
и темы, шаблоны, стили без хаков. А как задумал Оракл.
...
Рейтинг: 0 / 0
23.06.2015, 11:11
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990438
SvDev
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SvDev
Участник
БакытЗадача моя в разных экранах, 4:3, 16 :9 мониторах красиво было,
только этого хочу добиться и + компактность размещения полей чтобы , мышко не бегать по экрану

все для народа кароче
Если я понял правильно, то вы хотите, чтобы все элементы прижались друг другу.
Чего я не понял, это что конкретно вы хотите от responsive, что должно растягиваться и как ?
...
Рейтинг: 0 / 0
23.06.2015, 11:13
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990444
Бакыт
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бакыт
Участник
SvDevБакытЗадача моя в разных экранах, 4:3, 16 :9 мониторах красиво было,
только этого хочу добиться и + компактность размещения полей чтобы , мышко не бегать по экрану

все для народа кароче
Если я понял правильно, то вы хотите, чтобы все элементы прижались друг другу.
Чего я не понял, это что конкретно вы хотите от responsive, что должно растягиваться и как ?

с планшета зашел , например не масштабируется а друг другу "плотно " прижимаются поля либо scroll срабатывает

или прям категорично писать Desktop или mobile ?
...
Рейтинг: 0 / 0
23.06.2015, 11:17
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990451
Бакыт
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бакыт
Участник
в принципе ответ на свой вопрос я получил вот этот помогло style="display:inline-block" кроме мелких недочетов

просто поубивал зайцев одной темой
...
Рейтинг: 0 / 0
23.06.2015, 11:22
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38990475
SvDev
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SvDev
Участник
blkangelSvDevБакыт,

Я бы начал с подбора свойств width / min-width / max-width в разных местах через атрибуты / CSS. А вообще нужно разбираться, я в новых фишках 5.0 пока не очень.

Не не, тут обычный nowrap
Код: css
1.
style="white-space:nowrap;"


Это атрибут столбца, не элемента.

Это я про баг наезжания...

Глянул щас мельком, сходу у меня на 5.0 не получилось воспроизвести, чтобы элементы наезжали друг на друга, там нужно смотреть. Адаптивный дизайн обычно как раз тюнится через css свойствами min-width и max-width.
...
Рейтинг: 0 / 0
23.06.2015, 11:39
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38992063
SvDev
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SvDev
Участник
Бакытс планшета зашел , например не масштабируется а друг другу "плотно " прижимаются поля либо scroll срабатывает

или прям категорично писать Desktop или mobile ?
Тут натолкнулся на материал из википедии, вероятно, здесь и есть суть проблемы:

https://ru.wikipedia.org/wiki/Адаптивный_веб-дизайн
Сначала мобильные («Mobile first»)

Проектирование начинается с адаптивной версии веб-сайта для мобильных устройств. На этом этапе дизайнеры стремятся правильно передать смысл и основные идеи с использованием небольшого экрана и всего одной колонки. Содержимое при необходимости сокращают, удаляя второстепенные информационные блоки и оставляя самое важное
...
Рейтинг: 0 / 0
24.06.2015, 21:51
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38992315
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
SvDev,
+1
По хорошему, надо отдельный проект или верстку.
Но хороший программист - ленивый программист).
Поэтому есть всякие ухищрения.
Масштаб щипком пальцев, бутстрап шабдоны, стили css, свои контролы типа Дата.
...
Рейтинг: 0 / 0
25.06.2015, 10:06
| Ответить | Цитировать | Написать  
Растояние между полями форме ввода
    #38992396
Бакыт
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Бакыт
Участник
решено, буду мух от котлет делить
...
Рейтинг: 0 / 0
25.06.2015, 11:20
| Ответить | Цитировать | Написать  
36 сообщений из 36, показаны все 2 страниц
  все  
Форумы / Oracle APEX [игнор отключен] [закрыт для гостей] / Растояние между полями форме ввода
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?all=1&fid=50&tid=1874916]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 146ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 37ms
get tp. blocked users:
 1ms
others: 225ms
total:  446ms
созд. / загр.: 446ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]