'type',
define the field used in form, and the type of data.
-one of 'checkbox', 'combobox', 'custom', 'datetime', 'input', 'intcheckbox', 'password', 'radio', 'richtext', 'select', 'select_raw', 'textarea', 'yesno'
+one of 'checkbox', 'combobox', 'custom', 'datetime', 'input', 'intcheckbox', 'password', 'radio', 'richtext', 'select', 'select_raw', 'textarea'
'label',
$(textarea).trigger('change');
});
- /* setup onoff widgets */
- $(".onoff input").each(function() {
- val = $(this).val();
- id = $(this).attr("id");
- $("#"+id+"_onoff ." + (val == 0 ? "on":"off")).addClass("hidden");
- });
-
- $(".onoff > a").click(function(event) {
- event.preventDefault();
- var input = $(this).siblings("input");
- var val = 1-input.val();
- var id = input.attr("id");
- $("#"+id+"_onoff ." + (val == 0 ? "on":"off")).addClass("hidden");
- $("#"+id+"_onoff ." + (val == 1 ? "on":"off")).removeClass("hidden");
- input.val(val);
- });
-
/* popup menus */
function close_last_popup_menu() {
if (last_popup_menu) {
}
-
-.field .onoff {
- float: left;
- width: 80px;
-}
-.field .onoff a {
- display: block;
- border:1px solid #666666;
- background-image:url("../../../images/onoff.jpg");
- background-repeat: no-repeat;
- padding: 4px 2px 2px 2px;
- height: 16px;
- text-decoration: none;
-}
-.field .onoff .off {
- border-color:#666666;
- padding-left: 40px;
- background-position: left center;
- background-color: #cccccc;
- color: #666666;
- text-align: right;
-}
-.field .onoff .on {
- border-color:#204A87;
- padding-right: 40px;
- background-position: right center;
- background-color: #D7E3F1;
- color: #204A87;
- text-align: left;
-}
.hidden { display: none!important; }
.field.radio .field_help { margin-left: 0px; }
border: 1px solid transparent;
border-color: #ccc;
}
-.field.yesno:hover .toggle {
- border-color: $link_hover_color;
- transition: all 0.25s ease-in-out;
-}
-.field.yesno:hover .toggle-handle {
- background-color: #fff;
- transition: all 0.25s ease-in-out;
-}
-
.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
padding: .275rem .75rem;
/*font-size: .875rem;*/
toggleDropdownText(this);
});
- /* setup onoff widgets */
- // Add the correct class to the switcher according to the input
- // value (On/Off)
- $(".toggle input").each(function(){
- // Get the value of the input element
- val = $(this).val();
- id = $(this).attr("id");
-
- // The css classes for "on" and "off"
- onstyle = "btn-primary";
- offstyle = "btn-default off";
-
- // Add the correct class in dependence of input value (On/Off)
- toggleclass = (val == 0 ? offstyle : onstyle);
- $("#"+id+"_onoff").addClass(toggleclass);
-
- });
-
// Change the css class while clicking on the switcher elements
$(".toggle label, .toggle .toggle-handle").click(function(event){
event.preventDefault();
margin-left: 200px;
color: #999999;
}
-.field .onoff {
- float: left;
- width: 80px;
-}
-.field .onoff a {
- display: block;
- border: 1px solid #666666;
- background-image: url("../../../images/onoff.jpg");
- background-repeat: no-repeat;
- padding: 4px 2px 2px 2px;
- height: 16px;
- text-decoration: none;
-}
-.field .onoff .off {
- border-color: #666666;
- padding-left: 40px;
- background-position: left center;
- background-color: #cccccc;
- color: #666666;
- text-align: right;
-}
-.field .onoff .on {
- border-color: #204A87;
- padding-right: 40px;
- background-position: right center;
- background-color: #D7E3F1;
- color: #204A87;
- text-align: left;
-}
.field .hidden {
display: none!important;
}
margin-left: 200px;
color: #999999;
}
-.field .onoff {
- float: left;
- width: 80px;
-}
-.field .onoff a {
- display: block;
- border: 1px solid #666666;
- background-image: url("../../../images/onoff.jpg");
- background-repeat: no-repeat;
- padding: 4px 2px 2px 2px;
- height: 16px;
- text-decoration: none;
-}
-.field .onoff .off {
- border-color: #666666;
- padding-left: 40px;
- background-position: left center;
- background-color: #cccccc;
- color: #666666;
- text-align: right;
-}
-.field .onoff .on {
- border-color: #204A87;
- padding-right: 40px;
- background-position: right center;
- background-color: #D7E3F1;
- color: #204A87;
- text-align: left;
-}
.field .hidden {
display: none!important;
}
margin-left: 200px;
color: #999999;
}
-.field .onoff {
- float: left;
- width: 80px;
-}
-.field .onoff a {
- display: block;
- border: 1px solid #666666;
- background-image: url("../../../images/onoff.jpg");
- background-repeat: no-repeat;
- padding: 4px 2px 2px 2px;
- height: 16px;
- text-decoration: none;
-}
-.field .onoff .off {
- border-color: #666666;
- padding-left: 40px;
- background-position: left center;
- background-color: #cccccc;
- color: #666666;
- text-align: right;
-}
-.field .onoff .on {
- border-color: #204A87;
- padding-right: 40px;
- background-position: right center;
- background-color: #D7E3F1;
- color: #204A87;
- text-align: left;
-}
.field .hidden {
display: none!important;
}
color: @FieldHelpColor;
}
-
- .onoff {
- float: left;
- width: 80px;
- }
- .onoff a {
- display: block;
- border:1px solid #666666;
- background-image:url("../../../images/onoff.jpg");
- background-repeat: no-repeat;
- padding: 4px 2px 2px 2px;
- height: 16px;
- text-decoration: none;
- }
- .onoff .off {
- border-color:#666666;
- padding-left: 40px;
- background-position: left center;
- background-color: #cccccc;
- color: #666666;
- text-align: right;
- }
- .onoff .on {
- border-color:#204A87;
- padding-right: 40px;
- background-position: right center;
- background-color: #D7E3F1;
- color: #204A87;
- text-align: left;
- }
.hidden { display: none!important; }
&.radio .field_help { margin-left: 0; }
color: #666666;
}
-.field .onoff {
- float: left;
- width: 80px;
-}
-.field .onoff a {
- display: block;
- border: 1px solid #c1c1c1;
- background-image: url("../../../images/onoff.jpg");
- background-repeat: no-repeat;
- padding: 4px 2px 2px 2px;
- height: 16px;
- text-decoration: none;
-}
-.field .onoff .off {
- border-color: #c1c1c1;
- padding-left: 40px;
- background-position: left center;
- background-color: #cccccc;
- color: #666666;
- text-align: right;
-}
-
-.field .onoff .on {
- border-color: #c1c1c1;
- padding-right: 40px;
- background-position: right center;
- background-color: #1873a2;
- color: #FFFFFF;
- text-align: left;
-}
-
.field .radio .field_help {
margin-left: 0px;
}
margin-bottom: 5px !important;
}
-.onoff {
- margin-right: 10px;
-}
-
.settings-heading {
margin: 25px 0 25px 0;
}
.field, .field > * { box-sizing: border-box; }
.field label { width: 100%; float: none; display: block; }
.field input, .field textarea, .field select { max-width: 100%; width: 100%; }
-.field.yesno .onoff,
.field.checkbox input { width: auto; float: right; }
-.field.yesno label,
.field.checkbox label { width: 70%; float: left; }
.field .field_help { margin: 0; }
margin-left: 200px;
color: #666666;
}
-.field .onoff {
- float: left;
- width: 80px;
- margin-right:1em;
-}
-.field .onoff a {
- display: block;
- border: 1px solid #666666;
- background-image: url("../../../images/onoff.jpg");
- background-repeat: no-repeat;
- padding: 4px 2px 2px 2px;
- font-size:14px;
- height: 16px;
- line-height:16px;
- text-decoration: none;
- text-align: center;
- text-transform: uppercase;
- border-radius:4px;
-}
-.field .onoff .off {
- border-color: #B0B0B0;
- padding-left: 36px;
- background-position: left center;
- background-color: #cccccc;
- color: #9C9C9C;
-}
-.field .onoff .on {
- font-weight:bold;
- border-color: #8EB8EE;
- padding-right: 36px;
- background-position: right center;
- background-color: #D7E3F1;
- color: #36c;
-}
.field .hidden {
display: none!important;
}