Как разместить на странице две детали одну спрпава от другой и на одном уровне по горизонтали ?

Здравствуйте.
Задаю здесь вопрос, т.к. в не нашёл описания таких вещей в SDK. Проблема заключается в следующем. Мне нужно (в BPMonline 7.6) разместить на странице две детали - одну справа от другой на одном уровне по горизонтали. Я пробовал определить на странице два группы следующим образом:

diff: [{
        "operation": "insert",
        "parentName": "Leftcontainer",
        "name": "MonthlyIncomesGroup",
        "propertyName": "items",
        "values": {
                itemType: Terrasoft.ViewItemType.CONTROL_GROUP,
                items: [],
                caption: {
                        "bindTo": "Resources.Strings.MonthlyIncomesGroupCaption"
                },
                controlConfig: {
                        collapsed: false
                }
        }
},
{
        "operation": "insert",
        "parentName": "RightContainer",
        "name": "MonthlyExpensesGroup",
        "propertyName": "items",
        "values": {
                itemType: Terrasoft.ViewItemType.CONTROL_GROUP,
                items: [],
                caption: {
                        "bindTo": "Resources.Strings.MonthlyExpensesGroupCaption"
                },
                controlConfig: {
                        collapsed: false
                }
        }
}
]

чтобы потом разместить в каждой из этих групп по одной детали. После запуска страницы, группа (с заголовком "ЕЖЕМЕСЯЧНЫЕ ДОХОДЫ") , размещённая в Leftcontainer позиционируется ниже, чем группа (с заголовком "ЕЖЕМЕСЯЧНЫЕ РАСХОДЫ") , размещённая в RightContainer, а мне нужно, чтобы они были на одном уровне по горизонтали. Кроме того, группа, размещённая в RightContainer слишком сильно смещена вправо, а мне нужно, чтобы она находилась ближе к левой группе. В вложенном файле прилагаю экранный снимок того, как эти группы сейчас размещены на экране. Как мне разместить две детали рядом на странице, чтобы одна была справа от другой и чтобы они были на одном уровне по горизонтали ?

Нравится

3 комментария

Евгений добрый день!!!

как я вам и писал ранее, для реализации вашей задачи требуется поподробнее познакомиться с разметкой Bootstrap, так же требуется поподробнее познакомиться с CSS 3.0, Для реализации вашей задачи действительно требуется создать в разметке 2 Контейнера, назвать их "Левый" и "Правый", а остальное, поведение и размещение контейнеров на странице вы делаете с помощью CSS стилей. Так же советую разобраться для начала со стандартными страницами "BasePageV2", "BaseSectionV2", какие уже стандартные контейнеры размещаются на странице, какие уже стандартные стили применены к данным контейнерам. И когда вы уже будите создавать свои 2 контейнера, вы будите понимать внутрь каких существующих контейнеров разместить свои, какие стандартные стили можно использовать, и какие свои требуется дописать.

пока вы разбираетесь, чтобы ваша задача была быстрее решена, подскажите вы создаете с Нуля свою страницу редактирования, или будите замещать существующую. Я для вас подготовлю пример по созданию ваших 2 контейнеров.

Здравствуйте, Михаил. Я наследую свою страницу от "Базовая схема карточки (BasePageV2)" из пакета NUI. Я выбрал "Базовая схема карточки" в свойстве "Родительский объект" для моей страницы, когда её создавал. Если вы, как пишете, подготовите пример для моего случая, то буду вам очень благодарен.

Здравствуйте, Евгений!

Можно попробовать следующий вариант:
1) Сделать группу полей на нужной вкладке
2) Разместить на данной группе полей два Ваших контейнера, указав, их на одной строке и длиною строки [0;12] и [13;24] соответственно.

Показать все комментарии