Как я могу создать макет GWT с фиксированным верхним и нижним колонтитулами, который позволяет автоматически изменять размер центра панели прокрутки?

У меня есть дизайн, который я изо всех сил пытаюсь преобразовать в макет GWT.

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

Я играл с DockLayoutPanel с северными и южными панелями, а затем добавлял панель прокрутки в центр, это отлично работает, когда я использую Unit.PCT, но мне нужно исправить северную и южную панели, чтобы они всегда были набором высота в пикселях, но все же позволяет центральной панели прокрутки автоматически заполнять промежуток между ними.

Картинка стоит тысячи слов, поэтому я быстро набросал ее:

эскизный проект

Если у вас есть идеи, как решить эту проблему, я был бы очень благодарен вам!


layout css gwt docklayoutpanel
person Jamie Street    schedule 18.10.2012    source источник
comment
Извините, изображение - это всего лишь ссылка, я как новый пользователь не могу публиковать изображения   -  person Jamie Street    schedule 18.10.2012
comment
В чем проблема с DockLayoutPanel для этого? Это идеально подходит.   -  person Thomas Broyer    schedule 18.10.2012

Ответы (2)


arrow_upward
1
arrow_downward

Может быть, это немного не по теме, НО, я бы посоветовал вам использовать это, если еще не поздно и если у вас есть свобода выбора дизайна: http://gwtbootstrap.github.com/ Twitter Bootstrap выглядит красиво и легко в использовании, и добрые люди из gwt-bootstrap перенесли его в GWT таким образом, чтобы вы можете использовать его аналогично стандартным компонентам GWT. Эта штука действительно упростила наши проблемы с дизайном / версткой.

person Vladimir Prenner    schedule 18.10.2012
comment
Я планировал использовать это, но мне сказал другой член команды, что это конфликтует с css smartgwt на определенных элементах. Я думаю, что я воспользуюсь им и просто вручную исправлю любые конфликты. Тем не менее, приветствую предложение! - person Jamie Street; 19.10.2012

arrow_upward

arrow_downward

person    schedule
comment
Спасибо! Мне удалось это исправить, это было просто противоречивое правило CSS, которое я добавил и забыл. У меня было чувство, что это можно сделать так же, как и ваш ответ, но мне придется попробовать! - person Jamie Street; 18.10.2012