Разработка продвинутой кнопки с меню

Большой · №1

Добрый день!

Подскажите каким образом можно разработать кнопку в которой вместо ниспадающего меню было бы окно.
Или хотя бы ткните куда смотреть.

Добавлено 29-10-2013 14:52:31
Похоже так:

Выделить код

Код:

<toolbarbutton id="but" orient="horizontal" width="80" type="menu-button" label=" ">
    <menupopup>
        <dialog
    id="About"
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    orient="vertical"
    buttons=","
    height="400"
             width="600">
        <description value="button"/>
      </dialog>
     </menupopup>
</toolbarbutton>

Отредактировано Большой (29-10-2013 14:52:31)

bucke · №2

Выделить код

Код:

<toolbarbutton id="but" label="button" type="panel">
                <panel>
                     <textbox multiline="false" />      
                </panel>
</toolbarbutton>

Большой · №3

Спасибо.

А как можно изменить CSS этой панели,
Например задать сглаженость углов?
Пробовал добавлять

Выделить код

Код:

#but {
    -moz-appearance: none;
    padding: 0px;
    font-size: 15px;
    -moz-border-radius: 7px;
}

Не работает

Отредактировано Большой (01-11-2013 16:08:17)

villa7 · №4

Большой
Может так

Выделить код

Код:

border-radius: 7px !important;

devunion · №5

Вы же углы для кнопки ставите, а не для панели. Добавьте id или class аттрибут к панели и используйте его в CSS селекторе.

Полезная информация

№129-10-2013 14:37:21