File manager - Edit - /home/adiance/public_html/wp-content/plugins/page-builder-add/admin/views/UI/edit-column.php
Back
<?php if ( ! defined( 'ABSPATH' ) ) exit; ?> <div class="lpp_modal_column edit_column" style="background: #fff;"> <div class="lpp_modal_wrapper_column"> <div class="edit_options_left_row"> <div class="pluginops-tabs2 colEditTabs"> <ul class="pluginops-tab2-links" style="background: #2fa8f9;"> <li style="margin: 0;" class="active colOpsTabBtn"><a style="font-size:12px; padding: 10px; text-align: center;" href="#tabColumnOptions" class="pluginops-tab2_link colOpsTabBtn"> <i class="fa fa-gears" style="font-size: 20px;"></i> <br> Column Options</a></li> <li style="margin: 0;" class="colNewWidgetTabBtn"><a style="font-size:12px; padding: 10px; text-align: center;" href="#tabColumnWidgets" class="pluginops-tab2_link colNewWidgetTabBtn"> <i class="fa fa-plus-square" style="font-size: 20px;"></i> <br> New Widget</a></li> <li style="margin: 0;"><a style="font-size:12px; padding: 10px; text-align: center;" href="#tabColumnWidgetArea" class="pluginops-tab2_link thisColumnWidgetsTab"> <i class="fa fa-puzzle-piece thisColumnWidgetsTab" style="font-size: 20px;"></i> <br> Column Widgets</a></li> </ul> <div class="pluginops-tab2-content"> <div id="tabColumnOptions" class="pluginops-tab2 active" style="min-height:400px;"> <form id="colOpsForm"> <div class="pbp_form" style="width: 400px; margin: 10px;"> <br> <div> <label>Column Width <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span> <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span> <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span> </label> <div class="responsiveOps responsiveOptionsContainterLarge"> <input type="number" name="columnWidth" class="columnWidth colOptionsFields" id="columnWidth" value='' data-optname="width" >% </div> <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;"> <input type="number" name="columnWidthTablet" class="columnWidthTablet colOptionsFields" id="columnWidthTablet" data-optname="widthTablet" >% </div> <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;"> <input type="number" name="columnWidthMobile" class="columnWidthMobile colOptionsFields" id="columnWidthMobile" data-optname="widthMobile" >% </div> </div> <br><hr><br> <div class="PB_accordion" style="margin-left: -10px;"> <h4> Background Options </h4> <div> <div> <div class="pluginops-tabs2"> <ul class="pluginops-tab2-links tabEditFields"> <li class="active"><a href="#defaultColBgOptions" class="pluginops-tab2_link">Default</a></li> <li><a href="#hoverColBgOptions" class="pluginops-tab2_link">Hover</a></li> </ul> <div class="pluginops-tab2-content" style="box-shadow: none;"> <div id="defaultColBgOptions" class="pluginops-tab2 active"> <br> <br> <div id="pluginops_input_tabs" class="popbinputTabsWrapper POPBInputNormalRow"> <p style="display: inline;"> Background Type </p> <div class="iputTabNav"> <div class="popbNavItem" data-inptabID='content_popb_tab_1' title="Simple"> <label for="inputID1"> <i class="fa fa-paint-brush"></i></label> <input type="radio" name="colBackgroundType" id="inputID1" value='solid' class="colBackgroundType colBackgroundTypeSolid colOptionsFields tabbedInputRadio" data-optname="colBackgroundType" > </div> <div class="popbNavItem" data-inptabID='content_popb_tab_2' title="Gradient"> <label for="inputID2 " class="GradientIcon"> <i class="fa fa-square"></i></label> <input type="radio" name="colBackgroundType" id="inputID2" class="colBackgroundType colBackgroundTypeGradient colOptionsFields tabbedInputRadio" value="gradient" data-optname="colBackgroundType" > </div> </div> <div class="popb_input_tabContent"> <div class="content_popb_tab_1 popb_tab_content popb_col_fields_container "> <br> <br> <br> <label>Color :</label> <input type="text" name="columnBgColor" class="color-picker_btn_two columnBgColor" data-alpha='true' id="columnBgColor" value='' data-optname="bg_color" > <br> <br><br> <div> <label> <span title="Background Image">Bg Image</span> <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span> <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span> <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span> </label> <div class="responsiveOps responsiveOptionsContainterLarge"> <input id="image_location1" type="text" class=" colBgImg upload_image_button2993" name='lpp_add_img_1' value='' placeholder='Insert Image URL here' data-optname="colBgImg" > <br> <br> <label></label> <input id="image_location1" type="button" class="upload_bg pb_upload_btn" data-id="2993" value="Upload" style="" /> </div> <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;" > <input id="image_location1" type="text" class="upload_image_button2995" name='lpp_add_img_1' value='' placeholder='Insert Image URL here' data-optname="colBgImgT" > <br> <br> <label></label> <input id="image_location1" type="button" class="upload_bg pb_upload_btn" data-id="2995" value="Upload" style="" /> </div> <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;" > <input id="image_location1" type="text" class="upload_image_button2996" name='lpp_add_img_1' value='' placeholder='Insert Image URL here' data-optname="colBgImgM" > <br> <br> <label></label> <input id="image_location1" type="button" class="upload_bg pb_upload_btn" data-id="2996" value="Upload" style="" /> </div> </div> <br> <br> <br> <div class="imageBackgroundOpsCol" style="display: none;"> <div> <label> Position <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span> <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span> <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span> </label> <div class="responsiveOps responsiveOptionsContainterLarge"> <select class="colOptionsFields " data-optname="bgImgOps.pos" > <option value="">Default</option> <option value="top left">Top Left</option> <option value="top center">Top Center</option> <option value="top right">Top Right</option> <option value="center left">Center Left</option> <option value="center center">Center Center</option> <option value="center right">Center Right</option> <option value="bottom left">Bottom Left</option> <option value="bottom center">Bottom Center</option> <option value="bottom right">Bottom Right</option> <option value="custom">Custom</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;"> <select class="colOptionsFields " data-optname="bgImgOps.posT" > <option value="">Default</option> <option value="top left">Top Left</option> <option value="top center">Top Center</option> <option value="top right">Top Right</option> <option value="center left">Center Left</option> <option value="center center">Center Center</option> <option value="center right">Center Right</option> <option value="bottom left">Bottom Left</option> <option value="bottom center">Bottom Center</option> <option value="bottom right">Bottom Right</option> <option value="custom">Custom</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;"> <select class="colOptionsFields " data-optname="bgImgOps.posM" > <option value="">Default</option> <option value="top left">Top Left</option> <option value="top center">Top Center</option> <option value="top right">Top Right</option> <option value="center left">Center Left</option> <option value="center center">Center Center</option> <option value="center right">Center Right</option> <option value="bottom left">Bottom Left</option> <option value="bottom center">Bottom Center</option> <option value="bottom right">Bottom Right</option> <option value="custom">Custom</option> </select> </div> </div> <div class="rowBgImgCustomPositionDiv" style="display: none;"> <br><br><br><br> <div> <label>X Position <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span> <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span> <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span> </label> <div class="responsiveOps responsiveOptionsContainterLarge"> <input type="number" class="colOptionsFields " data-optname="bgImgOps.xPos" style="width:60px;" > <select class="colOptionsFields " style="width:50px;" data-optname="bgImgOps.xPosU" > <option value="px">px</option> <option value="%">%</option> <option value="vw">vw</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;"> <input type="number" class="colOptionsFields " data-optname="bgImgOps.xPosT" style="width:60px;" > <select class="colOptionsFields " style="width:50px;" data-optname="bgImgOps.xPosUT" > <option value="px">px</option> <option value="%">%</option> <option value="vw">vw</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;"> <input type="number" class="colOptionsFields " data-optname="bgImgOps.xPosM" style="width:60px;"> <select class="colOptionsFields " style="width:50px;" data-optname="bgImgOps.xPosUM" > <option value="px">px</option> <option value="%">%</option> <option value="vw">vw</option> </select> </div> </div> <br><br><br><br> <div> <label>Y Position <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span> <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span> <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span> </label> <div class="responsiveOps responsiveOptionsContainterLarge"> <input type="number" class="colOptionsFields " data-optname="bgImgOps.yPos" style="width:60px;" > <select class="colOptionsFields " style="width:50px;" data-optname="bgImgOps.yPosU" > <option value="px">px</option> <option value="%">%</option> <option value="vw">vw</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;"> <input type="number" class="colOptionsFields " data-optname="bgImgOps.yPosT" style="width:60px;" > <select class="colOptionsFields " style="width:50px;" data-optname="bgImgOps.yPosUT" > <option value="px">px</option> <option value="%">%</option> <option value="vw">vw</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;"> <input type="number" class="colOptionsFields " data-optname="bgImgOps.yPosM" style="width:60px;" > <select class="colOptionsFields " style="width:50px;" data-optname="bgImgOps.yPosUM" > <option value="px">px</option> <option value="%">%</option> <option value="vw">vw</option> </select> </div> </div> </div> <br><br><br><br> <div> <label>Repeat <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span> <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span> <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span> </label> <div class="responsiveOps responsiveOptionsContainterLarge"> <select class="colOptionsFields " data-optname="bgImgOps.rep" > <option value="default">Default</option> <option value="no-repeat">No-repeat</option> <option value="repeat">Repeat</option> <option value="repeat-x">Repeat-x</option> <option value="repeat-y">Repeat-y</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;"> <select class="colOptionsFields " data-optname="bgImgOps.repT" > <option value="default">Default</option> <option value="no-repeat">No-repeat</option> <option value="repeat">Repeat</option> <option value="repeat-x">Repeat-x</option> <option value="repeat-y">Repeat-y</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;"> <select class="colOptionsFields " data-optname="bgImgOps.repM" > <option value="default">Default</option> <option value="no-repeat">No-repeat</option> <option value="repeat">Repeat</option> <option value="repeat-x">Repeat-x</option> <option value="repeat-y">Repeat-y</option> </select> </div> </div> <br><br><br><br> <div> <label>Size <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span> <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span> <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span> </label> <div class="responsiveOps responsiveOptionsContainterLarge"> <select class="colOptionsFields " data-optname="bgImgOps.size" > <option value="">Default</option> <option value="auto">Auto</option> <option value="cover">Cover</option> <option value="contain">Contain</option> <option value="custom">Custom</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;"> <select class="colOptionsFields " data-optname="bgImgOps.sizeT" > <option value="">Default</option> <option value="auto">Auto</option> <option value="cover">Cover</option> <option value="contain">Contain</option> <option value="custom">Custom</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;"> <select class="colOptionsFields " data-optname="bgImgOps.sizeM" > <option value="">Default</option> <option value="auto">Auto</option> <option value="cover">Cover</option> <option value="contain">Contain</option> <option value="custom">Custom</option> </select> </div> </div> <div class="rowBgImgCustomSizeDiv" style="display: none;"> <br><br><br><br> <div> <label>Width <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span> <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span> <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span> </label> <div class="responsiveOps responsiveOptionsContainterLarge"> <input class="colOptionsFields " data-optname="bgImgOps.cWid" type="number" style="width:60px;" > <select class="colOptionsFields " style="width:50px;" data-optname="bgImgOps.widU" > <option value="px">px</option> <option value="%">%</option> <option value="vw">vw</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;"> <input class="colOptionsFields " data-optname="bgImgOps.cWidT" type="number" style="width:60px;" > <select class="colOptionsFields " style="width:50px;" data-optname="bgImgOps.widUT" > <option value="px">px</option> <option value="%">%</option> <option value="vw">vw</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;"> <input class="colOptionsFields " data-optname="bgImgOps.cWidM" type="number" style="width:60px;" > <select class="colOptionsFields " style="width:50px;" data-optname="bgImgOps.widUM" > <option value="px">px</option> <option value="%">%</option> <option value="vw">vw</option> </select> </div> </div> </div> <br><br><br><br> <div> <label> <span title="Fixed Background">Fixed Bg</span> <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span> <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span> <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span> </label> <div class="responsiveOps responsiveOptionsContainterLarge"> <select class="colOptionsFields " id="rowBackgroundParallax" data-optname="bgImgOps.parlx" > <option value="">Select</option> <option value="true">Yes</option> <option value="false">No</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;"> <select class="colOptionsFields " data-optname="bgImgOps.parlxT" > <option value="">Select</option> <option value="true">Yes</option> <option value="false">No</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;"> <select class="colOptionsFields " data-optname="bgImgOps.parlxM" > <option value="">Select</option> <option value="true">Yes</option> <option value="false">No</option> </select> </div> </div> </div> </div> <div class="content_popb_tab_2 popb_tab_content popb_col_fields_container "> <br> <br> <br> <label>First Color </label> <input type="text" name="colGradientColorFirst" class="color-picker_btn_two colGradientColorFirst" data-alpha='true' id="colGradientColorFirst" value="#dd9933" data-optname="colGradient.colGradientColorFirst" > <p>Location</p> <div class="PoPbrangeSlider PoPbnumberSlider" data-targetRangeInput='colGradientLocationFirst'></div> <input type="number" class="colGradientLocationFirst" data-optname="colGradient.colGradientLocationFirst" value="55"> <br> <br> <hr> <br> <br> <label>Second Color </label> <input type="text" name="colGradientColorSecond" class="color-picker_btn_two colGradientColorSecond" data-alpha='true' id="colGradientColorSecond" value="#eeee22" data-optname="colGradient.colGradientColorSecond"> <p>Location</p> <div class="PoPbrangeSlider PoPbnumberSlider" data-targetRangeInput='colGradientLocationSecond'></div> <input type="number" class="colGradientLocationSecond" data-optname="colGradient.colGradientLocationSecond" value="50"> <br> <br> <hr> <br> <br> <label>Type </label> <select class="colGradientType" data-optname="colGradient.colGradientType" > <option value="linear">Linear</option> <option value="radial">Radial</option> </select> <br> <br> <div class="radialInputCol" style="display: none;"> <br> <label>Position </label> <select class="colGradientPosition" data-optname="colGradient.colGradientPosition" > <option value="center center">Center Center</option> <option value="center left">Center Left</option> <option value="center right">Center Right</option> <option value="top center">Top Center</option> <option value="top left">Top Left</option> <option value="top right">Top Right</option> <option value="bottom center">Bottom Center</option> <option value="bottom left">Bottom Left</option> <option value="bottom right">Bottom Right</option> </select> <br> <br> </div> <div class="linearInputCol" style="display: none;"> <p>Angle</p> <div class="PoPbrangeSliderAngle PoPbnumberSlider" data-targetRangeInput='colGradientAngle'></div> <input type="number" class="colGradientAngle" data-optname="colGradient.colGradientAngle" > </div> <br> <br> </div> </div> </div> </div> <div id="hoverColBgOptions" class="pluginops-tab2"> <br> <br> <div id="pluginops_input_tabs" class="popbinputTabsWrapper POPBInputNormalcol POPBInputHovercol"> <p style="display: inline;"> Background Type </p> <div class="iputTabNav"> <div class="popbNavItem" data-inptabID='content_popb_tab_1' title="Simple"> <label for="inputIDHover1"> <i class="fa fa-paint-brush"></i></label> <input type="radio" name="colBackgroundTypeHover" id="inputIDHover1" class="colBackgroundTypeHover colBackgroundTypeSolidHover colOptionsFields tabbedInputRadio" value='solid' data-optname="colHoverOptions.colBackgroundTypeHover" > </div> <div class="popbNavItem" data-inptabID='content_popb_tab_2' title="Gradient"> <label for="inputIDHover2 " class="GradientIcon"> <i class="fa fa-square"></i></label> <input type="radio" name="colBackgroundTypeHover" id="inputIDHover2" class="colBackgroundTypeHover colBackgroundTypeGradientHover colOptionsFields tabbedInputRadio" value="gradient" data-optname="colHoverOptions.colBackgroundTypeHover" > </div> <div class="popbNavItem noneValueSelector" data-inptabID='content_popb_tab_3' style="display: none !important"> <label for="inputIDHover3 " class="GradientIcon"> <i class="fa fa-square"></i></label> <input type="radio" name="colBackgroundTypeHover" id="inputIDHover3" class="colBackgroundTypeHover colBackgroundTypeNoneHover colOptionsFields tabbedInputRadio" value="none" data-optname="colHoverOptions.colBackgroundTypeHover" > </div> </div> <div class="popb_input_tabContent"> <div class="content_popb_tab_1 popb_tab_content popb_col_fields_container"> <br> <br> <label>Color :</label> <input type="text" name="colBgColorHover" class="color-picker_btn_two colBgColorHover" data-alpha='true' id="colBgColorHover" value='' data-optname="colHoverOptions.colBgColorHover" > <br> </div> <div class="content_popb_tab_2 popb_tab_content popb_col_fields_container"> <br> <br> <br> <label>First Color </label> <input type="text" name="colGradientColorFirstHover" class="color-picker_btn_two colGradientColorFirstHover" data-alpha='true' id="colGradientColorFirstHover" value='' data-optname="colHoverOptions.colGradientHover.colGradientColorFirstHover" > <p>Location</p> <div class="PoPbrangeSlider PoPbnumberSlider" data-targetRangeInput='colGradientLocationFirstHover'></div> <input type="number" class="colGradientLocationFirstHover" data-optname="colHoverOptions.colGradientHover.colGradientLocationFirstHover" > <br> <br> <hr> <br> <br> <label>Second Color </label> <input type="text" name="colGradientColorSecondHover" class="color-picker_btn_two colGradientColorSecondHover" data-alpha='true' id="colGradientColorSecondHover" value='' data-optname="colHoverOptions.colGradientHover.colGradientColorSecondHover" > <p>Location</p> <div class="PoPbrangeSlider PoPbnumberSlider" data-targetRangeInput='colGradientLocationSecondHover'></div> <input type="number" class="colGradientLocationSecondHover" data-optname="colHoverOptions.colGradientHover.colGradientLocationSecondHover" > <br> <br> <hr> <br> <br> <label>Type </label> <select class="colGradientTypeHover" data-optname="colHoverOptions.colGradientHover.colGradientTypeHover" > <option value="linear">Linear</option> <option value="radial">Radial</option> </select> <br> <br> <div class="radialInputColHover" style="display: none;"> <br> <label>Position </label> <select class="colGradientPositionHover" data-optname="colHoverOptions.colGradientHover.colGradientPositionHover" > <option value="center center">Center Center</option> <option value="center left">Center Left</option> <option value="center right">Center Right</option> <option value="top center">Top Center</option> <option value="top left">Top Left</option> <option value="top right">Top Right</option> <option value="bottom center">Bottom Center</option> <option value="bottom left">Bottom Left</option> <option value="bottom right">Bottom Right</option> </select> <br> <br> </div> <div class="linearInputColHover" style="display: none;"> <p>Angle</p> <div class="PoPbrangeSliderAngle PoPbnumberSlider" data-targetRangeInput='colGradientAngleHover'></div> <input type="number" class="colGradientAngleHover" data-optname="colHoverOptions.colGradientHover.colGradientAngleHover" > </div> <br> <br> </div> </div> </div> <hr> <br> <p>Transition Duration</p> <div class="PoPbrangeSliderTransition PoPbnumberSlider" data-targetRangeInput='colHoverTransitionDuration'></div> <input type="number" class="colHoverTransitionDuration colOptionsFields" data-optname="colHoverOptions.colHoverTransitionDuration" > <br> <br> </div> </div> </div> </div> </div> <h4> Margins & Paddings </h4> <div> <div> <h4>Column Margin <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span> <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span> <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span> </h4> <div class="responsiveOps responsiveOptionsContainterLarge"> <input type="number" name="columnMarginTop" class=" padding_inline_inp linkedField columnMarginTop colOptionsFields" id="columnMarginTop" value='0' placeholder="Top" data-optname="margin.columnMarginTop" > <input type="number" name="columnMarginBottom" class=" padding_inline_inp linkedField columnMarginBottom colOptionsFields" id="columnMarginBottom" value='0' placeholder="Bottom" data-optname="margin.columnMarginBottom" > <input type="number" name="columnMarginLeft" class=" padding_inline_inp linkedField columnMarginLeft colOptionsFields" id="columnMarginLeft" value='0' placeholder="Left" data-optname="margin.columnMarginLeft" > <input type="number" name="columnMarginRight" class=" padding_inline_inp linkedField columnMarginRight colOptionsFields" id="columnMarginRight" value='0' placeholder="Right" data-optname="margin.columnMarginRight" > <span class="linkfieldBtn colLinkBtn linkBtn" > <i class="fa fa-link"></i> </span> </div> <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;"> <input type="number" name="columnMarginTopTablet" class="padding_inline_inp linkedField columnMarginTopTablet colOptionsFields" id="columnMarginTopTablet" placeholder="Top" data-optname="marginTablet.rMTT" > <input type="number" name="columnMarginBottomTablet" class="padding_inline_inp linkedField columnMarginBottomTablet colOptionsFields" id="columnMarginBottomTablet" placeholder="Bottom" data-optname="marginTablet.rMBT" > <input type="number" name="columnMarginLeftTablet" class="padding_inline_inp linkedField columnMarginLeftTablet colOptionsFields" id="columnMarginLeftTablet" placeholder="Left" data-optname="marginTablet.rMLT" > <input type="number" name="columnMarginRightTablet" class="padding_inline_inp linkedField columnMarginRightTablet colOptionsFields" id="columnMarginRightTablet" placeholder="Right" data-optname="marginTablet.rMRT" > <span class="linkfieldBtn colLinkBtn linkBtn" > <i class="fa fa-link"></i> </span> </div> <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;"> <input type="number" name="columnMarginTopMobile" class="padding_inline_inp linkedField columnMarginTopMobile colOptionsFields" id="columnMarginTopMobile" placeholder="Top" data-optname="marginMobile.rMTM" > <input type="number" name="columnMarginBottomMobile" class="padding_inline_inp linkedField columnMarginBottomMobile colOptionsFields" id="columnMarginBottomMobile" placeholder="Bottom" data-optname="marginMobile.rMBM" > <input type="number" name="columnMarginLeftMobile" class="padding_inline_inp linkedField columnMarginLeftMobile colOptionsFields" id="columnMarginLeftMobile" placeholder="Left" data-optname="marginMobile.rMLM" > <input type="number" name="columnMarginRightMobile" class="padding_inline_inp linkedField columnMarginRightMobile colOptionsFields" id="columnMarginRightMobile" placeholder="Right" data-optname="marginMobile.rMRM" > <span class="linkfieldBtn colLinkBtn linkBtn" > <i class="fa fa-link"></i> </span> </div> </div> <br> <br> <span class="ulp-note">The unit is percentage so set values accordingly.</span> <br> <br> <br> <hr> <div> <h4>Column Padding <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span> <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span> <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span> </h4> <div class="responsiveOps responsiveOptionsContainterLarge"> <input type="number" name="columnPaddingTop" class=" padding_inline_inp linkedField columnPaddingTop colOptionsFields" id="columnPaddingTop" value='0' placeholder="Top" data-optname="padding.columnPaddingTop" > <input type="number" name="columnPaddingBottom" class=" padding_inline_inp linkedField columnPaddingBottom colOptionsFields" id="columnPaddingBottom" value='0' placeholder="Bottom" data-optname="padding.columnPaddingBottom" > <input type="number" name="columnPaddingLeft" class=" padding_inline_inp linkedField columnPaddingLeft colOptionsFields" id="columnPaddingLeft" value='0' placeholder="Left" data-optname="padding.columnPaddingLeft" > <input type="number" name="columnPaddingRight" class=" padding_inline_inp linkedField columnPaddingRight colOptionsFields" id="columnPaddingRight" value='0' placeholder="Right" data-optname="padding.columnPaddingRight" > <span class="linkfieldBtn colLinkBtn linkBtn" > <i class="fa fa-link"></i> </span> </div> <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;"> <input type="number" name="columnPaddingTopTablet" class="padding_inline_inp linkedField columnPaddingTopTablet colOptionsFields" id="columnPaddingTopTablet" placeholder="Top" data-optname="paddingTablet.rPTT" > <input type="number" name="columnPaddingBottomTablet" class="padding_inline_inp linkedField columnPaddingBottomTablet colOptionsFields" id="columnPaddingBottomTablet" placeholder="Bottom" data-optname="paddingTablet.rPBT" > <input type="number" name="columnPaddingLeftTablet" class="padding_inline_inp linkedField columnPaddingLeftTablet colOptionsFields" id="columnPaddingLeftTablet" placeholder="Left" data-optname="paddingTablet.rPLT" > <input type="number" name="columnPaddingRightTablet" class="padding_inline_inp linkedField columnPaddingRightTablet colOptionsFields" id="columnPaddingRightTablet" placeholder="Right" data-optname="paddingTablet.rPRT" > <span class="linkfieldBtn colLinkBtn linkBtn" > <i class="fa fa-link"></i> </span> </div> <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;"> <input type="number" name="columnPaddingTopMobile" class="padding_inline_inp linkedField columnPaddingTopMobile colOptionsFields" id="columnPaddingTopMobile" placeholder="Top" data-optname="paddingMobile.rPTM" > <input type="number" name="columnPaddingBottomMobile" class="padding_inline_inp linkedField columnPaddingBottomMobile colOptionsFields" id="columnPaddingBottomMobile" placeholder="Bottom" data-optname="paddingMobile.rPBM" > <input type="number" name="columnPaddingLeftMobile" class="padding_inline_inp linkedField columnPaddingLeftMobile colOptionsFields" id="columnPaddingLeftMobile" placeholder="Left" data-optname="paddingMobile.rPLM" > <input type="number" name="columnPaddingRightMobile" class="padding_inline_inp linkedField columnPaddingRightMobile colOptionsFields" id="columnPaddingRightMobile" placeholder="Right" data-optname="paddingMobile.rPRM" > <span class="linkfieldBtn colLinkBtn linkBtn" > <i class="fa fa-link"></i> </span> </div> </div> <br> <br> <span class="ulp-note">The unit is percentage so set values accordingly.</span> <br> <br> <br> <hr> <br> </div> <h4> Column Display </h4> <div> <div> <h4>Content Align <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span> <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span> <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span> </h4> <div class="responsiveOps responsiveOptionsContainterLarge"> <label>Desktop </label> <select class="colOptionsFields colCAD" data-optname="colCAD" > <option value="default">Default</option> <option value="baseline">Top</option> <option value="center">Middle</option> <option value="flex-end">Bottom</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;"> <label>Tablet </label> <select class="colOptionsFields colCAT" data-optname="colCAT" > <option value="default">Default</option> <option value="baseline">Top</option> <option value="center">Middle</option> <option value="flex-end">Bottom</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;"> <label>Mobile </label> <select class="colOptionsFields colCAM" data-optname="colCAM" > <option value="default">Default</option> <option value="baseline">Top</option> <option value="center">Middle</option> <option value="flex-end">Bottom</option> </select> </div> </div> <br> <br> <br> <hr> <br> <label>Custom Column Class :</label> <input type="text" class="colOptionsFields columnCustomClass" data-optname="columnCustomClass" > <br> <br> <br> <hr> <br> <div> <h4>Hide Column <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span> <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span> <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span> </h4> <div class="responsiveOps responsiveOptionsContainterLarge"> <label>Desktop </label> <select class="colOptionsFields colHideOnDesktop" data-optname="colHideOnDesktop" > <option value="">Select</option> <option value="show">Show</option> <option value="hide">Hide</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;"> <label>Tablet </label> <select class="colOptionsFields colHideOnTablet" data-optname="colHideOnTablet" > <option value="">Select</option> <option value="show">Show</option> <option value="hide">Hide</option> </select> </div> <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;"> <label>Mobile </label> <select class="colOptionsFields colHideOnMobile" data-optname="colHideOnMobile" > <option value="">Select</option> <option value="show">Show</option> <option value="hide">Hide</option> </select> </div> </div> <br> <br> <br> <hr> <br> </div> <h4>Shadow & Border </h4> <div> <div class="pbp_form" style="width: 100%;"> <div> <!-- Border Width --> <h4>Border Width <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span> <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span> <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span> </h4> <div class="responsiveOps responsiveOptionsContainterLarge"> <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Top" data-optname="colBorder.bwt" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Bottom" data-optname="colBorder.bwb" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Left" data-optname="colBorder.bwl" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Right" data-optname="colBorder.bwr" > <span class="linkfieldBtn colLinkBtn linkBtn" > <i class="fa fa-link"></i> </span> </div> <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;"> <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Top" data-optname="colBorder.bwtT" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Bottom" data-optname="colBorder.bwbT" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Left" data-optname="colBorder.bwlT" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Right" data-optname="colBorder.bwrT" > <span class="linkfieldBtn colLinkBtn linkBtn" > <i class="fa fa-link"></i> </span> </div> <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;"> <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Top" data-optname="colBorder.bwtM" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Bottom" data-optname="colBorder.bwbM" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Left" data-optname="colBorder.bwlM" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Right" data-optname="colBorder.bwrM" > <span class="linkfieldBtn colLinkBtn linkBtn" > <i class="fa fa-link"></i> </span> </div> </div> <br> <br> <br> <br> <label>Border Style : </label> <select class="colBorderStyle colOptionsFields" data-optname="colBorder.colBorderStyle" > <option value="">Select</option> <option value="solid">Solid</option> <option value="dotted">Dotted</option> <option value="dashed">Dashed</option> <option value="double">Double</option> </select> <br> <br> <label>Border Color : </label> <input type="text" id="colBorderColor" class="color-picker_btn_two colBorderColor colOptionsFields" data-optname="colBorder.colBorderColor" > <br> <div> <!-- Border Radius --> <h4>Border Radius <span class="responsiveBtn rbt-l " > <i class="fa fa-desktop"></i> </span> <span class="responsiveBtn rbt-m " > <i class="fa fa-tablet"></i> </span> <span class="responsiveBtn rbt-s " > <i class="fa fa-mobile-phone"></i> </span> </h4> <div class="responsiveOps responsiveOptionsContainterLarge"> <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Top" data-optname="colBorder.brt" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Bottom" data-optname="colBorder.brb" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Left" data-optname="colBorder.brl" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Right" data-optname="colBorder.brr" > <span class="linkfieldBtn colLinkBtn linkBtn" > <i class="fa fa-link"></i> </span> </div> <div class="responsiveOps responsiveOptionsContainterMedium" style="display: none;"> <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Top" data-optname="colBorder.brtT" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Bottom" data-optname="colBorder.brbT" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Left" data-optname="colBorder.brlT" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Right" data-optname="colBorder.brrT" > <span class="linkfieldBtn colLinkBtn linkBtn" > <i class="fa fa-link"></i> </span> </div> <div class="responsiveOps responsiveOptionsContainterSmall" style="display: none;"> <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Top" data-optname="colBorder.brtM" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Bottom" data-optname="colBorder.brbM" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Left" data-optname="colBorder.brlM" > <input type="number" class=" padding_inline_inp linkedField colOptionsFields" value='0' placeholder="Right" data-optname="colBorder.brrM" > <span class="linkfieldBtn colLinkBtn linkBtn" > <i class="fa fa-link"></i> </span> </div> </div> <br> <hr> <br> <br> <p>Box Shadow</p> <br> <label>Shadow Horizontal Position : </label> <input type="number" class="colOptionsFields colBoxShadowH" data-optname="colBoxShadow.colBoxShadowH" > px <br> <br> <label>Shadow Vertcal Position : </label> <input type="number" class="colOptionsFields colBoxShadowV" data-optname="colBoxShadow.colBoxShadowV" > px <br> <br> <label>Shadow Distance (Blur) : </label> <input type="number" class="colOptionsFields colBoxShadowBlur" data-optname="colBoxShadow.colBoxShadowBlur" > px <br> <br> <br> <label>Shadow Color : </label> <input type="text" id="colBoxShadowColor" class="color-picker_btn_two colBoxShadowColor colOptionsFields" data-alpha='true' data-optname="colBoxShadow.colBoxShadowColor" > </div> </div> </div> </div> </form> </div> <div id="tabColumnWidgetArea" class="pluginops-tab2" style="min-height:400px;"> <div class="pluginops-tabs2"> <ul class="pluginops-tab2-links"> <li class="active"><a href="#colWidgetsTab" class="pluginops-tab2_link">Widgets</a></li> <li><a href="#columnTabCustomCss" class="pluginops-tab2_link">Custom CSS</a></li> </ul> <div class="pluginops-tab2-content"> <div id="colWidgetsTab" class="pluginops-tab2 active" style="min-height:400px;"> <ul id="widgets"> <script type="text/template" id="widget-template"></script> </ul> </div> <div id="columnTabCustomCss" class="pluginops-tab2"> <textarea class="colOptionsFields columnCustomStyling" style="width: 90%; min-height: 280px;" data-optname="columnCSS" placeholder="/* Add your custom CSS for this column here. */" > </textarea> </div> </div> </div> </div> <div id="tabColumnWidgets" class="pluginops-tab2" style="min-height:550px;"> <div class="edit_column_widgets" style="padding:15px 10px; background: #fff; min-height: 210px;"> <?php include('column/widgetBlockList.php'); ?> </div> </div> </div> </div> </div> </div> </div> </div> <input type="hidden" class="ColcurrentEditableRowID" value=""> <input type="hidden" class="currentEditableColId" value="">
| ver. 1.4 |
Github
|
.
| PHP 7.3.33 | Generation time: 0.07 |
proxy
|
phpinfo
|
Settings