'; $outputEnd = '

'; $front_css = ' {{row-class}}{ background-image: url({{row_background_image}}); background-repeat: no-repeat; background-size: cover; height: auto; } {{row-class}}.amppb-fluid{width:{{fluid-width}};} {{row-class}}.amppb-fluid .col{margin:0 auto;max-width:{{fluid-wrapper}}; } {{row-class}}.amppb-fixed .col {max-width:{{content-width}};width:{{fixed-width}};margin: 0 auto;} {{row-class}}{ color: {{font_color_picker}}; background-color: {{color_picker}}; {{if_selected_gradient}}{{selected_gradient}};{{ifend_selected_gradient}} margin: {{margin_css}}; padding:{{padding_css}}; {{shadow}} } '; $front_common_css = '.amppb-fluid .col{margin:0 auto;max-width:{{fluid-width}}; } .amppb-fixed .col {max-width: {{fixed-width}};width:1125px;margin: 0 auto;}'; /*border-size: {{border_css}}; border-style:{{border_type}};*/ $containerCommonSettings = array( 'label' => 'Row Settings', 'settingType' =>'row', 'default_tab'=> 'customizer', 'tabs' => array( 'customizer'=>'Basic', 'container_css'=>'Advance', ), 'fields' => array( array( 'type' =>'text', 'name' =>"row_label", 'label' =>'Row label', 'tab' =>'container_css', 'default' =>'', 'content_type'=>'html', ), array( 'type' =>'text', 'name' =>"row_class", 'label' =>'Row class', 'tab' =>'container_css', 'default' =>'', 'content_type'=>'html', ), array( 'type' =>'radio', 'name' =>"grid_type", 'label' =>'Grid type', 'tab' =>'customizer', 'default' =>'amppb-fluid', 'options' =>array( array( 'label'=>'Fixed', 'value'=>'amppb-fixed', ), array( 'label'=>'Fluid', 'value'=>'amppb-fluid', ), ), 'content_type'=>'html', ), array( 'type' =>'text', 'name' =>"fixed-width", 'label' =>'Width', 'tab' =>'customizer', 'default' =>'1100px', 'content_type'=>'css', 'required' => array('grid_type'=>'amppb-fixed') ), array( 'type' =>'text', 'name' =>"content-width", 'label' =>'Content Width', 'tab' =>'customizer', 'default' =>'95%', 'content_type'=>'css', 'required' => array('grid_type'=>'amppb-fixed') ), array( 'type' =>'text', 'name' =>"fluid-width", 'label' =>'Width', 'tab' =>'customizer', 'default' =>'100%', 'content_type'=>'css', 'required' => array('grid_type'=>'amppb-fluid') ), array( 'type' =>'text', 'name' =>"fluid-wrapper", 'label' =>'Width', 'tab' =>'customizer', 'default' =>'90%', 'content_type'=>'css', 'required' => array('grid_type'=>'amppb-fluid') ), array( 'type' =>'color-picker', 'name' =>"font_color_picker", 'label' =>'Text Font', 'tab' =>'customizer', 'default' =>'#000', 'content_type'=>'css', 'output_format'=>"color: %default%" ), array( 'type' =>'select', 'name' =>"background_type", 'label' =>"Background Type", 'tab' =>'customizer', 'default' =>'color', 'options_details'=>array( 'color'=>'Color', 'gradient'=>'Gradient', 'image'=>'Background Image' ), 'content_type'=>'css', 'output_format'=>'' ), array( 'type' =>'upload', 'name' =>"row_background_image", 'label' =>"Select Image", 'tab' =>'customizer', 'default' =>'', 'content_type'=>'css', 'required' => array('background_type'=>'image') ), array( 'type' =>'color-picker', 'name' =>"color_picker", 'label' =>'Background Color', 'tab' =>'customizer', 'default' =>'', 'content_type'=>'css', 'output_format'=>"background: %default%", 'required' => array('background_type'=>'color') ), array( 'type' =>'gradient-selector', 'name' =>"selected_gradient", 'label' =>'Background Gradient', 'tab' =>'customizer', 'default' =>'', 'content_type'=>'css', 'output_format'=>"%default%", 'required' => array('background_type'=>'gradient') ), /*array( 'type' =>'checkbox', 'name' =>"want_border", 'label' =>'Border', 'tab' =>'customizer', 'default' =>array(), 'options' =>array( array( 'label'=>'Enable', 'value'=>1, ), ), 'content_type'=>'css', 'output_format'=>'' ), array( 'type' =>'spacing', 'name' =>"border_css", 'label' =>'Set Border', 'tab' =>'customizer', 'default' =>array( 'left'=>0, 'right'=>0, 'top'=>0, 'bottom'=>0 ), 'content_type'=>'css', 'required' => array('want_border'=>1), ), array( 'type' =>'select', 'name' =>"border_type", 'label' =>"Select border type", 'tab' =>'customizer', 'default' =>'none', 'options_details'=>array( 'dotted'=>'Dotted', 'dashed'=>'dashed', 'solid'=>'solid', 'double'=>'double', 'groove'=>'groove', 'ridge'=>'ridge', 'inset'=>'inset', 'outset'=>'outset', 'none'=>'none', 'hidden'=>'hidden', ), 'content_type'=>'css', 'output_format'=>'border-style: %default%', 'required' => array('want_border'=>1), ),*/ array( 'type' =>'checkbox', 'name' =>"shadow", 'label' =>'Shadow', 'tab' =>'customizer', 'default' =>array(), 'options' =>array( array( 'label'=>'Enable', 'value'=>'box-shadow:-5px 2px 32px 0 rgba(61,69,74,.12);z-index: 10;position: relative;', ), ), 'content_type'=>'css', 'output_format'=>'%default%' ), array( 'type' =>'spacing', 'name' =>"margin_css", 'label' =>'Set Margin', 'tab' =>'container_css', 'default' => array( 'top'=>'0px', 'right'=>'auto', 'bottom'=>'0px', 'left'=>'auto', ), 'content_type'=>'css', ), array( 'type' =>'spacing', 'name' =>"padding_css", 'label' =>'Set Padding', 'tab' =>'container_css', 'default' =>array( 'top'=>'20px', 'right'=>'0px', 'bottom'=>'20px', 'left'=>'0px' ), 'content_type'=>'css', 'output_format'=>"padding: %left% %right% %top% %bottom%" ), ), 'front_template_start'=>$output, 'front_template_end'=>$outputEnd, 'front_css'=>$front_css, 'front_common_css' => $front_common_css, );