Вопрос по Bootstrap-верстке



  • Здравствуйте. Возник вопрос по Bootstrap-верстке формы.
    Ситуация: имеем форму, на которой есть Bootstrap группа шириной 6 колонок. В ней имеются две подгруппы шириной 4 колонки (назовем ее группа А) и 2 колонки (назовем ее группа В) соответственно.
    Данная группа должна иметь внешний вид согласно картинке 0_1737981834795_Снимок1.PNG

    но по факту в группе В идет несоответствие, изображено на следующем рисунке: 0_1737981906299_Снимок2.PNG

    Вопрос: почему в подгруппе В идет переход на новую строку, хотя на самом деле указаны свойства контрола 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>
    

    Результат:
    0_1738041291507_e7cc6488-dd4a-4eaf-b121-1e412e09376d-image.png

    А лучше поместить слова "План" и "Факт" в свойство 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>
    

    Результат:
    0_1738041356205_ed8f63fc-bf17-4351-a524-92e7155a1b53-image.png



  • Получилось, спасибо!