Кнопка на левой стороне диалогового окна в jQuery

0

У меня появилось диалоговое окно с использованием jquery:

$("#dialog").dialog({
        autoOpen: true,
        modal: true,
        title: "Group Invitation",
        width: 600,
        height: 300,
        resizable: false,
        buttons: {
            "Yes": function() {
                $(this).dialog("close");

                callback(true,myRowID);
            },
            "No": function() {
                $(this).dialog("close");
                callback(false,myRowID);
            }
                        }
    });

Но моя проблема в том, что если я хочу кнопку с левой стороны, так как они оба сохранены на правой стороне. Пожалуйста, помогите.

2 ответа

1
Лучший ответ

работающий JSFIDDLE

 $('#dialog').dialog({
        autoOpen: true,
        height: 318,
        width: 531,
        modal: true,
        resize: false,
        buttons: {
            DelUser:{ 
                class: 'alignLeft',
                text: 'Delete User',
                click : function (){
                    alert('delete here');
                }
            },
            "Update User": function () {
                   alert('update here');
       },
            Close: function () {
                $(this).dialog("close");
            }
        }
    });

CSS:

 <style>
   .alignLeft
    {
     margin-right: 170px !important;
    }
 </style>

JSFIDDLE

1

Вы можете переопределить класс набора jquery ui set.

.ui-dialog-buttonset{
float:left !important;
}

скрипка

Ещё вопросы

Сообщество Overcoder
Наверх
Меню