styled jquery dialog header.
This commit is contained in:
parent
5717b7f596
commit
d5d77559eb
|
@ -267,4 +267,20 @@ button span, input[type="button"] span, input[type="submit"] span, input[type="r
|
||||||
background: rgb(40, 40, 40);
|
background: rgb(40, 40, 40);
|
||||||
color: rgb(169, 169, 169);
|
color: rgb(169, 169, 169);
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ui-dialog-buttonset .ui-delete-button
|
||||||
|
{
|
||||||
|
background: url("images/ui-bg_flat_30_b40404_40x100.png") repeat-x scroll 50% 50% #B40404;
|
||||||
|
border: 1px solid #FFFFFF;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-dialog-buttonset .ui-delete-button:active
|
||||||
|
{
|
||||||
|
background: url("images/ui-bg_flat_30_616161_40x100.png") repeat-x scroll 50% 50% #616161;
|
||||||
|
border: 1px solid #FFFFFF;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
|
@ -31,6 +31,17 @@
|
||||||
background: #065EFE url(./jQueryUI/images/ui-bg_flat_30_065efe_40x100.png) 50% 50% repeat-x;
|
background: #065EFE url(./jQueryUI/images/ui-bg_flat_30_065efe_40x100.png) 50% 50% repeat-x;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ui-dialog .ui-dialog-titlebar, .ui-dialog-title
|
||||||
|
{
|
||||||
|
color: #3C3C3C;
|
||||||
|
font-size: 30px;
|
||||||
|
font-family: "Open Sans" , "Segoe UI Light" , "Segoe UI" , sans-serif;
|
||||||
|
font-weight: 300;
|
||||||
|
padding-top: 0px;
|
||||||
|
padding-bottom: 0px;
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.jquery-tabs
|
.jquery-tabs
|
||||||
{
|
{
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
|
|
@ -95,3 +95,19 @@
|
||||||
color: lightgrey;
|
color: lightgrey;
|
||||||
cursor: progress;
|
cursor: progress;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ui-dialog-buttonset .ui-delete-button ,
|
||||||
|
{
|
||||||
|
background: url("images/ui-bg_flat_30_b40404_40x100.png") repeat-x scroll 50% 50% #B40404;
|
||||||
|
border: 1px solid #FFFFFF;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-dialog-buttonset .ui-delete-button:active
|
||||||
|
{
|
||||||
|
background: url("images/ui-bg_flat_30_616161_40x100.png") repeat-x scroll 50% 50% #616161;
|
||||||
|
border: 1px solid #FFFFFF;
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
|
@ -70,22 +70,7 @@
|
||||||
{
|
{
|
||||||
margin-right: 445px;
|
margin-right: 445px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-dialog-buttonset .ui-delete-button
|
|
||||||
{
|
|
||||||
background: url("images/ui-bg_flat_30_b40404_40x100.png") repeat-x scroll 50% 50% #B40404;
|
|
||||||
border: 1px solid #FFFFFF;
|
|
||||||
color: #FFFFFF;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-dialog-buttonset .ui-delete-button:active
|
|
||||||
{
|
|
||||||
background: url("images/ui-bg_flat_30_616161_40x100.png") repeat-x scroll 50% 50% #616161;
|
|
||||||
border: 1px solid #FFFFFF;
|
|
||||||
color: #FFFFFF;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
@section ActionMenu{
|
@section ActionMenu{
|
||||||
<ul class="sub-menu">
|
<ul class="sub-menu">
|
||||||
|
@ -159,7 +144,7 @@
|
||||||
|
|
||||||
$("#seriesEditor").dialog({
|
$("#seriesEditor").dialog({
|
||||||
autoOpen: false,
|
autoOpen: false,
|
||||||
height: 350,
|
height: 360,
|
||||||
width: 670,
|
width: 670,
|
||||||
resizable: false,
|
resizable: false,
|
||||||
modal: true,
|
modal: true,
|
||||||
|
@ -204,7 +189,9 @@
|
||||||
width: 450,
|
width: 450,
|
||||||
modal: true,
|
modal: true,
|
||||||
buttons: {
|
buttons: {
|
||||||
|
|
||||||
"Delete": function () {
|
"Delete": function () {
|
||||||
|
|
||||||
var seriesId = $('.seriesId').val();
|
var seriesId = $('.seriesId').val();
|
||||||
|
|
||||||
$.ajax({
|
$.ajax({
|
||||||
|
@ -233,7 +220,7 @@
|
||||||
var title = $(this).attr("rel");
|
var title = $(this).attr("rel");
|
||||||
|
|
||||||
//Set the title of the dialog
|
//Set the title of the dialog
|
||||||
$("#seriesEditor").dialog("option", "title", "Edit Series: " + title);
|
$("#seriesEditor").dialog("option", "title", title);
|
||||||
|
|
||||||
//Pre-populate the view with ajax
|
//Pre-populate the view with ajax
|
||||||
$('#seriesEditor').html('<div style="text-align: center; width: 100%; height: 100%;"><img src="../../Content/Images/ajax-loader.gif" style="padding-top: 120px;" /></div>');
|
$('#seriesEditor').html('<div style="text-align: center; width: 100%; height: 100%;"><img src="../../Content/Images/ajax-loader.gif" style="padding-top: 120px;" /></div>');
|
||||||
|
|
Loading…
Reference in New Issue