Высота нижнего края Dijit BorderContainer - PullRequest
Новая
       25

Высота нижнего края Dijit BorderContainer

1 голос
/ 12 сентября 2011

У меня есть простой BorderContainer, настроенный с центром и нижней областью. 

<div dojoType="dijit.layout.BorderContainer">
   <div dojoType="dijit.layout.ContentPane" region="center">
       <!-- Some big content -->
   </div>
   <div dojoType="dijit.layout.ContentPane" doLayout="false" region="bottom" id="log">
          <span class="log_msg">First message</span><br/>
          <span class="log_msg">Second message</span><br/>
          <span class="log_msg">Third message</span><br/>
   </div>
</div>

Как видите, нижняя панель предназначена для журнала, аналогичного журналу Eclipse IDE. Я бы хотел, чтобы log div занимал 100% нижней панели (поля в порядке), к которому я добавлю сплиттеры позже. Однако в настоящее время он соответствует своей высоте своему содержимому, и если его слишком много, текст просто скрывается за экраном. (Правило css 'overflow' не применяется, потому что сам log div достаточно большой, чтобы вместить текст, он просто вне экрана).

Какие правила стилевого оформления я могу применить для достижения желаемого эффекта? Спасибо!

1 Ответ

1 голос
/ 14 сентября 2011

Спецификация для BorderContainer заключается в том, что вы должны установить высоту в верхней и нижней областях (и ширину в левой и правой областях). Эти размеры фиксированы, а центр расширяется, чтобы занять оставшееся пространство. Итак, вам нужно как минимум дать правило стиля с высотой для начальной точки. Ваш сплиттер может позволить пользователю изменить размер.

...