public function show() { if (!$this->load()) { $this->is_new_block = true; } $content = $this->data('content'); if ($this->type != 'generic' && $this->type != "") { $content = $this->generate_content(); } if ($this->type == 'generic') { $block_editor = 'ckeditor'; } else { $block_editor = 'custom'; } $this->html = preg_replace('/{content}/', "<div class='block-content' block-editor='{$block_editor}' block-name='{$this->name}'>" . $content . "</div>", $this->html, 1); if ($this->is_new_block) { PC::WARNING("This is new block - saving " . $this->name); $this->save(); } $this->include_nested_elements(); $classes = ""; if ($this->is_resizable()) { $classes .= " resizable " . $this->size(); } $css_attributes = $this->data('css_attributes'); $arr = $this->data('style'); if (isset($arr['custom_classes'])) { $add_classes = $arr['custom_classes']; } else { $add_classes = ""; } $style = $this->build_style(); $output = "<div class='block {$classes} {$add_classes} {$this->get_css_classes()}' style=\"{$style}\" name='{$this->name}'>" . $this->html . "</div>"; if ($this->output) { echo $output; } else { return $output; } }
public function show() { $freeModeClass = ''; if (!$this->load()) { $this->is_new_block = true; } $content = $this->data('content'); if (true) { $content = $this->generate_content(); } $editor = $this->data('block-editor'); if ($this->type == 'generic' || $editor != null && ($editor = 'inline-text-editor')) { $block_editor = 'ckeditor'; } else { $block_editor = 'custom'; } //$block_editor = 'ckeditor'; if ($this->is_new_block) { PC::WARNING("This is new block - saving " . $this->name); $this->save(); } $classes = ""; if ($this->is_resizable()) { $classes .= " resizable " . $this->size() . " "; } $block_content = "<div class='block-content' block-type='{$this->type}' block-editor='{$block_editor}' block-name='{$this->name}'>" . $content . "</div>"; $this->children_holder_classes = ""; switch ($this->type) { case "header": $this->html .= '<div class="block-controls"> <div class="block-controls-inner panel-heading-btn"> <a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a> <div class="dropdown block-add-child-block"> <a rel="tooltip" data-placement="top" title="Add Section" class="btn btn-xs btn-white dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> <span class="fa fa-th-large"></span> </a> <ul class="dropdown-menu " role="menu" aria-labelledby="dropdownMenu1"> </ul> </div> '; $this->html .= $this->output_admin_options(); $this->html .= " </div>\r\n </div>"; $classes .= " be-header-block be-container-block "; $this->children_holder_classes = " header-children "; break; case "page": $this->html .= '<div class="block-controls"> <div class="block-controls-inner panel-heading-btn"> <a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a> <div class="dropdown block-add-child-block"> <a rel="tooltip" data-placement="top" title="Add Section" class="btn btn-xs btn-white dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> <span class="fa fa-th-large"></span> </a> <ul class="dropdown-menu " role="menu" aria-labelledby="dropdownMenu1"> </ul> </div> '; $this->html .= $this->output_admin_options(); $this->html .= " </div>\r\n </div>"; $classes .= " be-page-content-block be-container-block "; $this->children_holder_classes = " page-children "; break; case "footer": $this->html .= '<div class="block-controls"> <div class="block-controls-inner panel-heading-btn"> <a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a> <div class="dropdown block-add-child-block"> <a rel="tooltip" data-placement="top" title="Add Section" class="btn btn-xs btn-white dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> <span class="fa fa-th-large"></span> </a> <ul class="dropdown-menu " role="menu" aria-labelledby="dropdownMenu1"> </ul> </div> '; $this->html .= $this->output_admin_options(); $this->html .= " </div>\r\n </div>"; $classes .= " be-footer-content-block be-container-block "; break; case "row": $this->html .= '<div class="block-controls"> <div class="block-controls-inner panel-heading-btn"> <a rel="tooltip" data-placement="top" title="Remove" href="#close" class="remove btn btn-xs btn-danger"><i class="fa fa-times"></i></a> <a rel="tooltip" data-placement="top" title="Minimize / Maximize" class="collapse-element btn btn-xs btn-warning"><i class="fa fa-minus"></i></a> <span rel="tooltip" data-placement="top" title="Move" class="drag btn btn-xs btn-white"><i class="fa fa-arrows"></i></span> <a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a> <div class="dropdown block-add-child-block"> <a rel="tooltip" data-placement="top" title="Add Section" class="btn btn-xs btn-white dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> <span class="fa fa-th-large"></span> </a> <ul class="dropdown-menu " role="menu" aria-labelledby="dropdownMenu1"> </ul> </div> '; $this->html .= $this->output_admin_options(); $this->html .= ' </div> </div>'; $this->children_holder_classes = " row-children "; $classes .= " be-row-block row "; break; case "column": $classes = " be-column-block "; $this->html .= '<div class="block-controls"> <div class="block-controls-inner panel-heading-btn"> <a rel="tooltip" data-placement="top" title="Remove" href="#close" class="remove btn btn-xs btn-danger"><i class="fa fa-times"></i></a> <a rel="tooltip" data-placement="top" title="Minimize / Maximize" class="collapse-element btn btn-xs btn-warning"><i class="fa fa-minus"></i></a> <span rel="tooltip" data-placement="top" title="Move" class="drag btn btn-xs btn-white"><i class="fa fa-arrows"></i></span> <a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a> <div class="dropdown block-add-child-block"> <a rel="tooltip" data-placement="top" title="Add Block" class="btn btn-xs btn-white dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> <span class="fa fa-plus-square"></span> </a> <ul class="dropdown-menu " role="menu" aria-labelledby="dropdownMenu1"> </ul> </div> </div> </div>'; $this->children_holder_classes = " column-children "; break; case "generic": $freeModeClass = 'freeMode'; $classes = " be-content-block "; $this->html .= '<div class="block-controls"> <div class="block-controls-inner panel-heading-btn"> <a rel="tooltip" data-placement="top" title="Remove" href="#close" class="remove btn btn-xs btn-danger"><i class="fa fa-times"></i></a> <span rel="tooltip" data-placement="top" title="Move" class="drag btn btn-xs btn-white"><i class="fa fa-arrows"></i></span> <a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a> <a rel="tooltip" data-placement="top" title="Undo" href="#undo" class="undo btn btn-xs btn-white"><i class="fa fa-undo"></i></a> </div> </div>'; break; case "content": $block_type_class = str_replace('_', '-', $this->type) . '-block'; if ($this->type != 'container') { $block_type_html_class = str_replace('_', '-', $this->type); } else { $block_type_html_class = ''; } echo ' <style> .editor-mode-active .' . $block_type_class . ':before { content: "' . ucfirst(str_replace('_', ' ', $this->type)) . '"; } </style> '; $classes = $block_type_class . ' ' . $block_type_html_class; $this->html .= '<div class="block-controls"> <div class="block-controls-inner panel-heading-btn"> <a rel="tooltip" data-placement="top" title="Remove" href="#close" class="remove btn btn-xs btn-danger"><i class="fa fa-times"></i></a> <a rel="tooltip" data-placement="top" title="Minimize / Maximize" class="collapse-element btn btn-xs btn-warning" data-click="panel-collapse" data-original-title="" title=""><i class="fa fa-minus"></i></a> <span rel="tooltip" data-placement="top" title="Move" class="drag drag-content btn btn-xs btn-white"><i class="fa fa-arrows"></i></span>'; if ($this->type != 'container' && $this->type != 'content') { $this->html .= ' <a rel="tooltip" data-placement="top" title="Settings" block-type="' . $this->type . '" block-name="' . $this->name . '" href="#settings" class="settings btn btn-xs btn-white"><i class="fa fa-cog"></i></a>'; } $this->html .= ' <a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a> <div class="dropdown block-add-child-block"> <a rel="tooltip" data-placement="top" title="Add Section" class="btn btn-xs btn-white dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"> <span class="fa fa-th-large"></span> </a> <ul class="dropdown-menu " role="menu" aria-labelledby="dropdownMenu1"> <a role="menuitem" tabindex="-1" href="#" class="insert-block" block-type="row">Row</a> </ul> </div>'; $this->html .= $this->output_admin_options(); $this->html .= "</div>\r\n </div>"; $this->children_holder_classes = " content-children "; break; case "container": $block_type_class = str_replace('_', '-', $this->type) . '-block'; if ($this->type != 'container') { $block_type_html_class = str_replace('_', '-', $this->type); } else { $block_type_html_class = ''; } echo ' <style> .editor-mode-active .' . $block_type_class . ':before { content: "' . ucfirst(str_replace('_', ' ', $this->type)) . '"; } </style> '; $classes = $block_type_class . ' ' . $block_type_html_class; $this->html .= '<div class="block-controls"> <div class="block-controls-inner panel-heading-btn"> <a rel="tooltip" data-placement="top" title="Remove" href="#close" class="remove btn btn-xs btn-danger"><i class="fa fa-times"></i></a> <a rel="tooltip" data-placement="top" title="Minimize / Maximize" class="collapse-element btn btn-xs btn-warning" data-click="panel-collapse" data-original-title="" title=""><i class="fa fa-minus"></i></a> <span rel="tooltip" data-placement="top" title="Move" class="drag drag-container btn btn-xs btn-white"><i class="fa fa-arrows"></i></span>'; if ($this->type != 'container' && $this->type != 'content') { $this->html .= ' <a rel="tooltip" data-placement="top" title="Settings" block-type="' . $this->type . '" block-name="' . $this->name . '" href="#settings" class="settings btn btn-xs btn-white"><i class="fa fa-cog"></i></a>'; } $this->html .= ' <a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a>'; $this->html .= $this->output_admin_options(); $this->html .= "</div>\r\n </div>"; $this->children_holder_classes = " container-children "; break; default: $freeModeClass = 'freeMode'; $block_type_class = str_replace('_', '-', $this->type) . '-block'; if ($this->type != 'container') { $block_type_html_class = str_replace('_', '-', $this->type); } else { $block_type_html_class = ''; } echo ' <style> .editor-mode-active .' . $block_type_class . ':before { content: "' . ucfirst(str_replace('_', ' ', $this->type)) . '"; } </style> '; $classes = $block_type_class . ' ' . $block_type_html_class; $this->html .= '<div class="block-controls"> <div class="block-controls-inner panel-heading-btn"> <a rel="tooltip" data-placement="top" title="Remove" href="#close" class="remove btn btn-xs btn-danger"><i class="fa fa-times"></i></a> <a rel="tooltip" data-placement="top" title="Minimize / Maximize" class="collapse-element btn btn-xs btn-warning" data-click="panel-collapse" data-original-title="" title=""><i class="fa fa-minus"></i></a> <span rel="tooltip" data-placement="top" title="Move" class="drag btn btn-xs btn-white"><i class="fa fa-arrows"></i></span>'; if ($this->type != 'container' && $this->type != 'content') { $this->html .= ' <a rel="tooltip" data-placement="top" title="Settings" block-type="' . $this->type . '" block-name="' . $this->name . '" href="#settings" class="settings btn btn-xs btn-white"><i class="fa fa-cog"></i></a>'; } $this->html .= ' <a rel="tooltip" data-placement="top" title="Style Settings" class="style btn btn-xs btn-white" data-click="" data-original-title="" title=""><i class="fa fa-paint-brush"></i></a> <a rel="tooltip" data-placement="top" title="Undo" href="#undo" class="undo btn btn-xs btn-white"><i class="fa fa-undo"></i></a>'; $this->html .= $this->output_admin_options(); $this->html .= "</div>\r\n </div>"; break; } //$block_content = "Content ".$this->html; if ($this->type == 'row' || $this->type == 'column' || $this->type == 'footer' || $this->type == 'header' || $this->type == 'page' || $this->type == 'content') { $this->html = preg_replace('/{elements}/', $block_content, $this->html, 1); } $this->html = preg_replace('/{content}/', $block_content, $this->html, 1); $this->include_nested_elements(); $css_attributes = $this->data('css_attributes'); $arr = $this->data('style'); if (isset($arr['custom_classes'])) { $add_classes = $arr['custom_classes']; } else { $add_classes = ""; } $style = $this->build_style(); $html_id = $this->data('html_id'); $html_id_string = ""; if ($html_id != null) { $html_id_string = " id=\"{$html_id}\" "; } $output = "<div {$html_id_string} block-type='{$this->type}' class='block " . $freeModeClass . " {$classes} {$add_classes} {$this->get_css_classes()}' style=\"{$style}\" name='{$this->name}'>" . $this->block_control_bar() . $this->html . "</div>"; $output = str_replace("%site_root%", home_url('/'), $output); $output = str_replace("%theme_root%", get_theme_path(), $output); if ($this->output) { echo $output; } else { return $output; } }
function block_styler($block_name) { $page_path = $_GET['page_path']; PC::debug("Setting page path to {$page_path}"); $this->BuilderEngine->set_page_path($page_path); $block = new Block($block_name); $block->load(); if ($block->is_global()) { PC::WARNING("Block {$block_name} is global so we change page path"); $this->BuilderEngine->set_page_path('layout'); } PC::debug($block, "ajax::block_styler"); if (isset($_POST['block_save'])) { PC::WARNING($_POST); unset($_POST['page_path']); unset($_POST['block_save']); $block->set_data("style", $_POST, true); $block->save(); } echo ' <script src="/builderengine/public/js/jquery.js"></script> <link href="/themes/dashboard/css/bootstrap/bootstrap.css" rel="stylesheet" /> <link href="/themes/dashboard/css/bootstrap/bootstrap-responsive.css" rel="stylesheet" /> <script src="/builderengine/public/js/bootstrap.js"></script> <!-- Bootstrap --> <script> function enable_disable_font_fields() { $("[name=\'color\']").attr(\'disabled\',!$("[name=\'font-color_override\']").attr("checked")); $("[name=\'color\']").spectrum({ preferredFormat: "hex6", color: $(this).attr("value"), showInput: true, showInitial: true, clickoutFiresChange: true, chooseText: "Select", cancelText: "Close" }); $("[name=\'color_old\']").attr(\'disabled\',!$("[name=\'font-color_override\']").attr("checked")); $("[name=\'font-family\']").attr(\'disabled\',!$("[name=\'font-color_override\']").attr("checked")); $("[name=\'font-family-2\']").attr(\'disabled\',!$("[name=\'font-color_override\']").attr("checked")); $("[name=\'font-weight\']").attr(\'disabled\',!$("[name=\'font-color_override\']").attr("checked")); $("[name=\'font-size\']").attr(\'disabled\',!$("[name=\'font-color_override\']").attr("checked")); } function enable_disable_bg_color_fields() { $("[name=\'background-color\']").attr(\'disabled\',!$("[name=\'background-color_override\']").attr("checked")); $("[name=\'background-color_old\']").attr(\'disabled\',!$("[name=\'background-color_override\']").attr("checked")); $("[name=\'background-color\']").spectrum({ preferredFormat: "hex6", color: $("[name=\'background-color\']").attr("value"), showInput: true, showInitial: true, clickoutFiresChange: true, chooseText: "Select", cancelText: "Close" }); } function enable_disable_border_fields() { $("[name=\'border-color\']").attr(\'disabled\',!$("[name=\'border_override\']").attr("checked")); $("[name=\'border-color_old\']").attr(\'disabled\',!$("[name=\'border_override\']").attr("checked")); $("[name=\'border-style\']").attr(\'disabled\',!$("[name=\'border_override\']").attr("checked")); $("[name=\'border-width\']").attr(\'disabled\',!$("[name=\'border_override\']").attr("checked")); $("[name=\'border-color\']").spectrum({ preferredFormat: "hex6", color: $("[name=\'border-color\']").attr("value"), showInput: true, showInitial: true, clickoutFiresChange: true, chooseText: "Select", cancelText: "Close" }); } function enable_disable_bg_image_fields() { $("[name=\'background-image_old\']").attr(\'disabled\',!$("[name=\'background-image_override\']").attr("checked")); $("[name=\'background-image\']").attr(\'disabled\',!$("[name=\'background-image_override\']").attr("checked")); $("[name=\'background-repeat\']").attr(\'disabled\',!$("[name=\'background-image_override\']").attr("checked")); } $(document).ready(function () { enable_disable_font_fields(); enable_disable_bg_color_fields(); enable_disable_bg_image_fields(); enable_disable_border_fields(); $("[name=\'font-color_override\']").click(function(){ enable_disable_font_fields(); }); $("[name=\'background-color_override\']").click(function(){ enable_disable_bg_color_fields(); }); $("[name=\'background-image_override\']").click(function(){ enable_disable_bg_image_fields(); }); $("[name=\'border_override\']").click(function(){ enable_disable_border_fields(); }); $(".color-picker").each(function () { $(this).spectrum({ preferredFormat: "hex6", color: $(this).attr("value"), showInput: true, showInitial: true, clickoutFiresChange: true, chooseText: "Select", cancelText: "Close" }); }); $("#block-admin-save").click(function (event){ block_name = "' . $block_name . '"; $("#block-admin-save").html("Saving..."); $.ajax( { url: "/index.php/layout_system/ajax/block_styler/' . $block_name . '?page_path=' . $page_path . '", async: false, type: "post", data: $("#block-admin-form").serialize(), }).fail(function (data){alert(console.log(data))}); window.parent.reload_block(\'' . $block_name . '\', window.parent.page_path, true); $("#admin-window").remove(); if(block_name == "be_body_styler"){ setTimeout(\'var iframe = window.parent.document.getElementById("content-frame");iframe.src = iframe.src;\',1500); } event.preventDefault(); }); }); </script> <script src="/themes/dashboard/js/plugins/file_manager.js"></script> '; echo '<div class="container"> <form class="form-horizontal" id="block-admin-form" method="post"> <input type="hidden" name="block_save" name=""> <input type="hidden" name="page_path" value="' . $page_path . '">'; ?> <link href="/themes/dashboard/js/plugins/forms/spectrum/spectrum.css" rel="stylesheet" /> <script src="/themes/dashboard/js/plugins/forms/spectrum/spectrum.js"></script><!-- Color picker --> <div style="border-width: 1px;border-color: #ddd;border-radius: 4px 4px 0 0;border-style: solid;"> <ul id="myTab" class="nav nav-tabs"> <li class="active"><a href="#general" data-toggle="tab">General</a></li> <li><a href="#position" data-toggle="tab">Position</a></li> <li><a href="#border" data-toggle="tab">Border</a></li> <li><a href="#font" data-toggle="tab">Font</a></li> <li><a href="#background" data-toggle="tab">Background</a></li> <li><a href="#custom" data-toggle="tab">Advanced</a></li> </ul> <!-- Tab panes --> <div class="tab-content"> <div class="tab-pane active" id="general"> <?php $block->admin_select('display', array("inline" => "Inline (Default)", "block" => "Block", "initial" => "Initial", "inline-block" => "Inline-Block", "inline-table" => "Inline-Table", "list-item" => "List-Item", "run-in" => "Run-In", "table" => "Table", "table-caption" => "Table-Caption", "table-column-group" => "Table-Column-Group", "table-header-group" => "Table-Header-Group", "table-footer-group" => "Table-Footer-Group", "table-row-group" => "Table-Row-Group", "table-cell" => "Table-Cell", "table-column" => "Table-Column", "table-row" => "Table-Row", "none" => "None", "inherit" => "Inherit"), 'Display'); $block->admin_select('position', array("static" => "Static (Default)", "relative" => "Relative", "initial" => "Initial", "absolute" => "Absolute", "inherit" => "Inherit"), 'Position'); $block->admin_input('z-index', "text", 'Z-Index'); ?> </div> <div class="tab-pane" id="position"> <div class="tabbable tabs-left"> <ul class="nav nav-tabs" id="slider-settings"> <li class="active"><a href="#positions" data-toggle="tab">Position</a></li> <li><a href="#margin" data-toggle="tab">Margin</a></li> <li><a href="#padding" data-toggle="tab">Padding</a></li> </ul> <div class="tab-content" id="some-tabs" style="height: 240px; overflow-y: scroll"> <div class="tab-pane active" id="positions" > <?php $block->admin_input('top', "text", 'Top', '', 'Sets the top edge position in px, cm, etc. Negative values are allowed.'); $block->admin_input('right', "text", 'Right', '', 'Sets the right edge position in px, cm, etc. Negative values are allowed.'); $block->admin_input('bottom', "text", 'Bottom', '', 'Sets the bottom edge position in px, cm, etc. Negative values are allowed.'); $block->admin_input('left', "text", 'Left', '', 'Sets the top left position in px, cm, etc. Negative values are allowed.'); ?> </div> <div class="tab-pane" id="position" > <?php $block->admin_input('margin-top', "text", 'Top', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px'); $block->admin_input('margin-right', "text", 'Right', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px'); $block->admin_input('margin-bottom', "text", 'Bottom', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px'); $block->admin_input('margin-left', "text", 'Left', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px'); ?> </div> <div class="tab-pane" id="margin" > <?php $block->admin_input('margin-top', "text", 'Top', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px'); $block->admin_input('margin-right', "text", 'Right', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px'); $block->admin_input('margin-bottom', "text", 'Bottom', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px'); $block->admin_input('margin-left', "text", 'Left', '', 'Specifies a margin in px, pt, cm, etc. Default value is 0px'); ?> </div> <div class="tab-pane" id="padding" > <?php $block->admin_input('padding-top', "text", 'Top', '', 'Defines a fixed padding (in pixels, pt, em, etc.)'); $block->admin_input('padding-right', "text", 'Right', '', 'Defines a fixed padding (in pixels, pt, em, etc.)'); $block->admin_input('padding-bottom', "text", 'Bottom', '', 'Defines a fixed padding (in pixels, pt, em, etc.)'); $block->admin_input('padding-left', "text", 'Left', '', 'Defines a fixed padding (in pixels, pt, em, etc.)'); ?> </div> </div> </div> </div> <div class="tab-pane" id="border"> <?php $block->admin_input("border_override", "checkbox", "Enable"); $block->admin_select('border-style', array("none" => "None", "hidden" => "Hidden", "dotted" => "Dotted", "dashed" => "Dashed", "solid" => "Solid", "double" => "Double", "groove" => "Groove", "ridge" => "Ridge", "inset" => "Inset", "outset" => "Outset", "initial" => "Initial", "inherit" => "Inherit"), 'Border'); $block->admin_input('border-width', "text", 'Width', '', 'Default value is 0px'); $block->admin_color_picker("border-color", "Color"); ?> </div> <div class="tab-pane" id="font"> <?php $block->admin_input("font-color_override", "checkbox", "Enable"); $block->admin_color_picker("color", "Color"); $block->admin_input("font-size", "text", "Font Size", '', 'Font size in pixels. (Example 10px)'); $block->admin_select('font-family', array("Times New Roman" => "Times New Roman", "Arial" => "Arial", "Verdana" => "Verdana"), 'Family'); $block->admin_select('font-family-2', array("sans-serif" => "Sans-Serif", "serif" => "Serif", "cursive" => "Cursive", "fantasy" => "Fantasy", "monospace" => "Monospace"), 'Type'); $block->admin_select('font-weight', array("normal" => "Normal", "bold" => "Bold", "bolder" => "Bolder", "lighter" => "Lighter", "100" => "100", "200" => "200", "300" => "300", "400" => "400", "500" => "500", "600" => "600", "700" => "700", "800" => "800", "900" => "900", "inherit" => "Inherit"), 'Weight'); ?> </div> <div class="tab-pane" id="background"> <div class="tabbable tabs-left"> <ul class="nav nav-tabs" id="slider-settings"> <li class="active"><a href="#bg-color" data-toggle="tab">Color</a></li> <li><a href="#bg-image" data-toggle="tab">Image</a></li> </ul> <div class="tab-content" id="" style="height: 240px; overflow-y: scroll"> <div class="tab-pane active" id="bg-color" > <?php $block->admin_input("background-color_override", "checkbox", "Enable"); $block->admin_color_picker("background-color", "Color"); ?> </div> <div class="tab-pane" id="bg-image" > <?php $block->admin_input("background-image_override", "checkbox", "Enable"); $block->admin_file('background-image', 'Image: '); $block->admin_select('background-repeat', array("repeat" => "Repeat", "repeat-x" => "Repeat-X", "repear-y" => "Repeat-Y", "no-repeat" => "No-Repeat", "initial" => "Initial", "inherit" => "Inherit"), 'Repeat: '); ?> </div> </div> </div> </div> <div class="tab-pane" id="custom"> <?php $block->admin_input("custom_classes", "text", "Classes"); $block->admin_textarea('custom', "CSS"); if ($block->name == "be_body_styler_" . $this->BuilderEngine->get_option('active_frontend_theme')) { $block->admin_textarea('custom_code', "Code"); } ?> </div> </div> </div> <?php echo ' <div class=\\"control-group\\"> <div class=\\"controls controls-row\\"> <input id="block-admin-save" type="submit" class="btn btn-primary" value="Save"> </div> </div> '; echo '</form></div>'; }