Вопрос по Bootstrap-верстке
-
Здравствуйте. Возник вопрос по Bootstrap-верстке формы.
Ситуация: имеем форму, на которой есть Bootstrap группа шириной 6 колонок. В ней имеются две подгруппы шириной 4 колонки (назовем ее группа А) и 2 колонки (назовем ее группа В) соответственно.
Данная группа должна иметь внешний вид согласно картинкено по факту в группе В идет несоответствие, изображено на следующем рисунке:
Вопрос: почему в подгруппе В идет переход на новую строку, хотя на самом деле указаны свойства контрола captionWidth='0' editorWidth='2' - т.е. ширина контрола равна ширине группы, но почему-то контрол переходит на новую строку, хотя этого не прописано. прикладываю кусок кода с группами:
<Group caption='Параметры раствора' editorWidth='6' showBorder='true'> <Group editorWidth='4'> <Text caption='план' captionWidth='3' editorWidth='1' captionFontWeight='bold' captionTextAlign='right'/> <Lookup caption='Параметры раствора' bind='SolutionTypePlan' id='SolutionTypePlan' showValueMember='false' captionWidth='2' editorWidth='2' width='100%' captionTextAlign='right'/> </Group> <Group editorWidth='2'> <Text caption='факт' captionWidth='1' editorWidth='0' captionFontWeight='bold'/> <Lookup bind='SolutionTypeFact' id='SolutionTypeFact' showValueMember='false' captionWidth='0' editorWidth='2'/> </Group> </Group>
-
Вы пытаетесь указать ширину самого контрола, а не его описания, равным 0 (editorWidth=0), чего делать нельзя.
Вам нужно поместить слова "План" и "Факт" в свойство
value
(а неcaption
) контролаText
. Делается это следующим образом:<Group caption='Параметры раствора' editorWidth='6' showBorder='true'> <Group editorWidth='4'> <Text value='план' captionWidth='2' editorWidth='2' textAlign='center' fontWeight='bold' /> <Lookup caption='Параметры раствора' id='SolutionTypePlan' showValueMember='false' captionWidth='2' editorWidth='2' width='100%' captionTextAlign='right' /> </Group> <Group editorWidth='2'> <Text value='факт' captionWidth='0' editorWidth='2' textAlign='center' fontWeight='bold' /> <Lookup id='SolutionTypeFact' showValueMember='false' captionWidth='0' editorWidth='2' /> </Group> </Group>
Результат:
А лучше поместить слова "План" и "Факт" в свойство
placeholder
контролаLookup
:<Group caption='Параметры раствора' editorWidth='6' showBorder='true'> <Lookup caption='Параметры раствора' placeholder='План' captionWidth='2' editorWidth='2' bind='SolutionTypePlan' id='SolutionTypePlan' showValueMember='false' width='100%' captionTextAlign='right' /> <Lookup bind='SolutionTypeFact' placeholder='Факт' captionWidth='0' editorWidth='2' id='SolutionTypeFact' showValueMember='false' /> </Group>
Результат:
-
Получилось, спасибо!