Как вы могли бы сделать TabBox, чтобы заполнить все доступное пространство? - PullRequest
Новая
       1

Как вы могли бы сделать TabBox, чтобы заполнить все доступное пространство?

3 голосов
/ 08 ноября 2010

Кто-нибудь знает, как я могу сделать TabBox, чтобы заполнить все доступное пространство? Я попробовал это: 

<tabbox id="MyTabBox" flex="1">
  <tabs>  
    <tab label="Income" />
    <tab label="Taxes" />
  </tabs>   
  <tabpanels flex="1">
    <tabpanel>
      <button label="Calculate" flex="0"/>
    </tabpanel>  
    <tabpanel> 
    </tabpanel>  
  </tabpanels>
</tabbox>

TabBox выглядит хорошо, но это заставляет Button заполнять всю высоту первой TabPanel, несмотря на ее атрибут flex. Если я ограничу высоту кнопки, это также сделает TabBox коротким, а не так, как мне нужно.

Спасибо.

Обновление: код окна теперь выглядит так: 

<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="chrome://global/skin/" ?>
<?xml-stylesheet type="text/css" href="chrome://MyExtension/skin/MyExtension.css" ?>

<!DOCTYPE window SYSTEM "chrome://MyExtension/locale/translations.dtd">

<window id="MyExtension-MainWindow"
  title="My Extension"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  xmlns:html="http://www.w3.org/1999/xhtml">

<html:link rel="icon" href="chrome://MyExtension/skin/MyExtensionFavIcon.png"/>

<tabbox id="MyTabBox" flex="1">
  <tabs>  
    <tab label="Income" />
    <tab label="Taxes" />
  </tabs>   
  <tabpanels flex="1">
    <tabpanel align="start">
      <button label="Calculate" flex="0"/>
    </tabpanel>  
    <tabpanel> 
    </tabpanel>  
  </tabpanels>
</tabbox>

</window>

FavIcon в порядке, кнопка в порядке, TabBox сжат, что отстой: - (

1 Ответ

0 голосов
/ 08 ноября 2010

Попробуйте добавить align="center" к кнопке tabpanel (Добавление align к элементу влияет на дочерние элементы этого элемента, а не на сам элемент).См. здесь - по умолчанию используется IIRC stretch.

...