фоновое изображение для кнопок диалога jquery ui - PullRequest
Новая
       21

фоновое изображение для кнопок диалога jquery ui

1 голос
/ 06 мая 2010

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

Edit: Хорошо, так что я понял, как сделать это фоновое изображение, но тогда я не могу видеть все изображение 

    $("#statusbox").dialog({
        autoOpen: false,
        bgiframe: true,
        modal: true,
        width: 'auto',
        height:'auto',
        position: 'top',
        title:"Check Order Status",
        open: function(event, ui) {
            $(this).css({'max-height': $(window).height()-$(this).height() - 50 , 'overflow-y': 'auto'}); 
            $('.ui-dialog-buttonpane').find('button:contains("Find")').css("background-image", "url(images/order_now.gif)"); ;

        },
        buttons: {
            Find: function() {
               //do find
            }
        }
    });

может быть больше кнопок

Ответы [ 2 ]

3 голосов
/ 06 мая 2010

Почему бы просто не нацелить кнопку с помощью CSS?

Просто добавьте свои пользовательские кнопки следующим образом: 

.ui-dialog .ui-button {
 color: #fff;
 background: #555555 url("button-normal.jpg") repeat-x;
}
.ui-dialog .ui-button.ui-state-hover {
 color: #fff;
 background: #0078a3 url("button-hovered.jpg") repeat-x;
}
0 голосов
/ 06 мая 2010

Если вы хотите увидеть все фоновое изображение, вам нужно будет отрегулировать стили 'width' и 'height', чтобы элемент расширялся до размера изображения кнопки. Я обычно устанавливаю «ширину» для размера изображения кнопки, добавляю немного «отступа», чтобы немного толкнуть текст, «высота» должна быть высотой изображения минус верхняя часть заполнения, а затем текст -центр: центр.

...