<?xml version='1.0' encoding='UTF-8'?><uidget><metadata><name>Button</name><description>Insert a button</description><help>Create a customizable button pointing to one of your website pages or to an external website.</help><api_version>1.0</api_version><size height='45' width='230' /><blog en='538' /></metadata><view><content></content><properties><selectButton font='false' nom='Link' /><inputText /></properties><design_properties><trigger_view class='example_button_trigger' help='Open a panel which lets you see and use different examples (loading their configuration).' icon='palette' method='init_examples' text='Examples' trigger='menu_examples' url='/cpt/box_examples' /><buttonmenu /><selectButton font='true' nom='Font' /><colors background='' class='colorsButton' colspan='1' default='[&apos;rgba(255,255,255,1)&apos;]' display='' elts='1' name='button_colors' title='Text color' /><colors background='' class='colorsButton2' colspan='1' default='[&apos;theme_color&apos;]' display='' elts='1' name='button_colors2' title='Button colors' /><gradient default='vertical|0%!theme_color;100%!theme_color_tint' /><slider class='sliderButton sliderBorder' default='2' maximum='40' minimum='0' name='border_radius' title='Border Radius' /><slider class='sliderButton sliderEsp' default='0' maximum='50' minimum='0' name='esp' title='Spacing' /><slider class='sliderButton sliderBorderWeight' default='2' maximum='10' minimum='0' name='ui_button_border_weight' title='Border weight' /></design_properties></view><script>UI_List.UI_Button={initialize:function(a){this.cpt=a;
a.setOptions([&quot;locked&quot;]);
a.colorPickers=[];
a.sliders=[];
this.examples=[{text:&quot;Click&quot;,data_link:v.pages_fg[0].pageid,font:&quot;Roboto Condensed&quot;,type:&quot;0&quot;,color1:[[&quot;0%&quot;,&quot;#B8C5CF&quot;],[&quot;100%&quot;,&quot;#7783A8&quot;]],color2:&quot;#7783A8&quot;,color3:&quot;#DBDBDB&quot;,border_radius:5,spacing:2},{font:&quot;Advent Pro&quot;,color1:[[&quot;50%&quot;,&quot;#27A8E6&quot;]],color2:&quot;#27A8E6&quot;,color3:&quot;#fff&quot;,text:&quot;Ghost&quot;,data_link:v.pages_fg[0].pageid,border_radius:2,type:&quot;6&quot;,spacing:2},{font:&quot;Contrail One&quot;,color1:[[&quot;50%&quot;,&quot;#27A8E6&quot;]],color2:&quot;#65A9D7&quot;,color3:&quot;#8AFFFF&quot;,text:&quot;Social&quot;,data_link:v.pages_fg[0].pageid,border_radius:5,type:&quot;5&quot;,spacing:2},{font:&quot;Shojumaru&quot;,color1:[[&quot;0%&quot;,&quot;#4585B0&quot;],[&quot;100%&quot;,&quot;#6AA0B0&quot;]],color2:&quot;#6AA0B0&quot;,color3:&quot;#ffffff&quot;,text:&quot;Home&quot;,data_link:v.pages_fg[0].pageid,border_radius:3,type:&quot;1&quot;,spacing:2},{font:&quot;Marvel&quot;,color1:[[&quot;0%&quot;,&quot;#2E63C9&quot;],[&quot;100%&quot;,&quot;#6AA0B0&quot;]],color2:&quot;#2E63C9&quot;,color3:&quot;#ffffff&quot;,text:&quot;Paris&quot;,data_link:v.pages_fg[0].pageid,border_radius:25,type:&quot;7&quot;,spacing:2},{font:&quot;Anton&quot;,color1:[[&quot;50%&quot;,&quot;#B37124&quot;]],color2:&quot;#B37124&quot;,color3:&quot;#875216&quot;,text:&quot;Chocolate&quot;,data_link:v.pages_fg[0].pageid,border_radius:10,type:&quot;4&quot;,spacing:2},{font:&quot;Fontdiner Swanky&quot;,color1:[[&quot;50%&quot;,&quot;#2CC6E6&quot;]],color2:&quot;#2CC6E6&quot;,color3:&quot;#ffffff&quot;,text:&quot;Fashion&quot;,data_link:v.pages_fg[0].pageid,border_radius:7,type:&quot;2&quot;,spacing:2},{font:&quot;Dosis&quot;,color1:[[&quot;50%&quot;,&quot;#343434&quot;]],color2:&quot;#343434&quot;,color3:&quot;#fff&quot;,text:&quot;Dark line&quot;,data_link:v.pages_fg[0].pageid,border_radius:40,type:&quot;6&quot;,spacing:2},{font:&quot;Merienda One&quot;,color1:[[&quot;50%&quot;,&quot;#67732B&quot;]],color2:&quot;#507836&quot;,color3:&quot;#FFE45C&quot;,text:&quot;Street&quot;,data_link:v.pages_fg[0].pageid,border_radius:3,type:&quot;3&quot;,spacing:2},{font:&quot;Roboto Condensed&quot;,color1:[[&quot;0%&quot;,&quot;#D4A3CA&quot;],[&quot;100%&quot;,&quot;#553575&quot;]],color2:&quot;#553575&quot;,color3:&quot;#F4D1FF&quot;,text:&quot;Contact&quot;,data_link:v.pages_fg[0].pageid,border_radius:10,type:&quot;1&quot;,spacing:2},{font:&quot;Courgette&quot;,color1:[[&quot;50%&quot;,&quot;#A11010&quot;]],color2:&quot;#A11010&quot;,color3:&quot;#FFFFFF&quot;,text:&quot;Comments&quot;,data_link:v.pages_fg[0].pageid,border_radius:0,type:&quot;5&quot;,spacing:2},{font:&quot;Fugaz One&quot;,color1:[[&quot;50%&quot;,&quot;#4A4A4A&quot;]],color2:&quot;#4A4A4A&quot;,color3:&quot;#E8E8E8&quot;,text:&quot;Contrast&quot;,data_link:v.pages_fg[0].pageid,border_radius:5,type:&quot;2&quot;,spacing:2},{font:&quot;Share&quot;,color1:[[&quot;0%&quot;,&quot;#BFBFBF&quot;],[&quot;100%&quot;,&quot;#9C9C9C&quot;]],color2:&quot;#9C9C9C&quot;,color3:&quot;#ffffff&quot;,text:&quot;Share&quot;,data_link:v.pages_fg[0].pageid,border_radius:0,type:&quot;0&quot;,spacing:2},{font:&quot;Fugaz One&quot;,color1:[[&quot;50%&quot;,&quot;#808E96&quot;]],color2:&quot;#808E96&quot;,color3:&quot;#665F75&quot;,text:&quot;Options&quot;,data_link:v.pages_fg[0].pageid,border_radius:4,type:&quot;4&quot;,spacing:2},{font:&quot;Fugaz One&quot;,color1:[[&quot;50%&quot;,&quot;#6E6096&quot;]],color2:&quot;#E018FF&quot;,color3:&quot;#CBB6D9&quot;,text:&quot;Flowers&quot;,data_link:v.pages_fg[0].pageid,border_radius:10,type:&quot;3&quot;,spacing:2},{font:&quot;Alegreya SC&quot;,color1:[[&quot;50%&quot;,&quot;#C94C0E&quot;]],color2:&quot;#C94C0E&quot;,color3:&quot;#FFFFFF&quot;,text:&quot;New York&quot;,data_link:v.pages_fg[0].pageid,border_radius:4,type:&quot;5&quot;,spacing:2},{font:&quot;Spinnaker&quot;,color1:[[&quot;50%&quot;,&quot;#FF4F4F&quot;]],color2:&quot;#FF4F4F&quot;,color3:&quot;#FFFFFF&quot;,text:&quot;Close&quot;,data_link:v.pages_fg[0].pageid,border_radius:20,type:&quot;2&quot;,spacing:2},{font:&quot;Ubuntu&quot;,color1:[[&quot;0%&quot;,&quot;#FFDE05&quot;],[&quot;100%&quot;,&quot;#FFA530&quot;]],color2:&quot;#FFA530&quot;,color3:&quot;#ffffff&quot;,text:&quot;Ubuntu&quot;,data_link:v.pages_fg[0].pageid,border_radius:10,type:&quot;1&quot;,spacing:2},{font:&quot;Averia Serif Libre&quot;,color1:[[&quot;0%&quot;,&quot;#EDEDED&quot;],[&quot;100%&quot;,&quot;#D9D9D9&quot;]],color2:&quot;#D9D9D9&quot;,color3:&quot;#4F4F4F&quot;,text:&quot;Contrast&quot;,data_link:v.pages_fg[0].pageid,border_radius:3,type:&quot;1&quot;,spacing:2},{font:&quot;Average&quot;,color1:[[&quot;50%&quot;,&quot;#84A3BA&quot;]],color2:&quot;#84A3BA&quot;,color3:&quot;#FFFFFF&quot;,text:&quot;Contact&quot;,data_link:v.pages_fg[0].pageid,border_radius:20,type:&quot;3&quot;,spacing:2},{font:&quot;Monoton&quot;,color1:[[&quot;50%&quot;,&quot;#85FF0A&quot;]],color2:&quot;#85FF0A&quot;,color3:&quot;#405463&quot;,text:&quot;Techno&quot;,data_link:v.pages_fg[0].pageid,border_radius:8,type:&quot;4&quot;,spacing:2}]
},onDisplay:function(a){this.cpt.data.select_Button=this.cpt.data.select_Button||&quot;0&quot;;
this.cpt.data.text_button=this.cpt.data.text_button||&quot;Button text&quot;;
this.initButton();
this.onShow()
},onSelect:function(){if(blockSelector.selected_cpts.length==1){this.cpt.init_sliders();
this.cpt.init_colorPickers()
}this.createMenuButtton();
this.initButton();
this.displayGradient()
},displayGradient:function(){if($.inArray(this.cpt.data.select_Button,[&quot;0&quot;,&quot;1&quot;,undefined])!=-1){$(&quot;.gradientProperty&quot;).css(&quot;display&quot;,&quot;table&quot;);
$(&quot;.selectGradientO.k-widget&quot;).show();
$(&quot;.roundSliderPropertyDiv&quot;).css(&quot;display&quot;,&quot;table&quot;);
$(&quot;.colorsButton2 ul&quot;).hide();
if(this.cpt.data.select_Gradient==&quot;diagonal&quot;){$(&quot;.roundSliderPropertyDiv&quot;).show();
$(&quot;.selectGradientO.k-widget&quot;).addClass(&quot;with-slider&quot;)
}else{$(&quot;.roundSliderPropertyDiv&quot;).hide();
$(&quot;.selectGradientO.k-widget&quot;).removeClass(&quot;with-slider&quot;)
}}else{$(&quot;.gradientProperty&quot;).css(&quot;display&quot;,&quot;none&quot;);
$(&quot;.selectGradientO.k-widget&quot;).hide();
$(&quot;.roundSliderPropertyDiv&quot;).css(&quot;display&quot;,&quot;none&quot;);
$(&quot;.colorsButton2 ul&quot;).show()
}},onPropertyChanged:function(a){this.initButton();
this.displayGradient()
},initButton:function(){var c=this.cpt.data,b={font:c.fontButton,color1:c.gradientColor,orientation:c.select_Gradient,angle:c.gradientAngle,color2:c.button_colors2[0],color3:c.button_colors[0],text:c.text_button,data_link:c.datalink,border_radius:c.border_radius,esp:c.esp,type:c.select_Button,border_weight:c.ui_button_border_weight};
this.createButton(this.cpt.componentBody,b);
if(c.fontButton){var a=c.fontButton,d=a.replace(/ /g,&quot;_&quot;);
if($(&quot;head #&quot;+d).length==0){$(&quot;&lt;link&gt;&quot;).prependTo($(&quot;head&quot;)).attr({type:&quot;text/css&quot;,rel:&quot;stylesheet&quot;,media:&quot;screen&quot;,href:&quot;https://fonts.googleapis.com/css?family=&quot;+a,id:d})
}}},createButton:function(d,c){var e=$(&quot;&lt;a class=&apos;button_block&apos;&gt;&lt;/a&gt;&quot;).css(&quot;height&quot;,&quot;100%&quot;);
var l=$(&quot;&lt;span&gt;&quot;).appendTo(e);
var m=this;
e.data(&quot;spacing&quot;,c.esp);
e.css({width:&quot;auto&quot;,height:&quot;auto&quot;,display:&quot;block&quot;,height:&quot;calc(100% - &quot;+(c.border_weight&gt;5?c.border_weight*2:5)+&quot;px)&quot;});
switch(c.type){case&quot;0&quot;:default:e.css({color:c.color3,border:c.border_weight+&quot;px solid rgba(255, 255, 255, 0.3)&quot;});
e.setBackgroundGradient(c.color1,c.orientation,c.angle);
break;
case&quot;1&quot;:e.setBackgroundGradient(c.color1,c.orientation,c.angle);
e.hover(function(){var o=[];
var p=c.color1;
var n=p.length-1;
p.each(function(q,r){o.push([100-parseInt(r[n-r.indexOf(q)][0].split(&quot;%&quot;))+&quot;%&quot;,r[n-r.indexOf(q)][1]])
});
e.setBackgroundGradient(o,c.orientation,c.angle)
},function(){e.setBackgroundGradient(c.color1,c.orientation,c.angle)
}).css({border:c.border_weight+&quot;px solid &quot;+$.fn.getBrightnessColor(c.color1[0][1],50),color:c.color3});
break;
case&quot;2&quot;:e.css({background:c.color2,color:c.color3,border:c.border_weight+&quot;px solid transparent&quot;});
e.hover(function(){$(this).css({background:c.color3,color:c.color2,&quot;border-color&quot;:c.color2})
},function(){$(this).css({background:c.color2,color:c.color3,&quot;border-color&quot;:&quot;transparent&quot;})
});
break;
case&quot;3&quot;:var i=&quot;0 0 0 1px &quot;+$.fn.getBrightnessColor(c.color2,65)+&quot; inset, 0 0 0 1px &quot;+$.fn.getBrightnessColor(c.color2,20)+&quot; inset, 0 &quot;+c.border_weight+&quot;px 0 0 &quot;+$.fn.getBrightnessColor(c.color2,-10)+&quot;, 0 2px 0 0 &quot;+$.fn.getBrightnessColor(c.color2,-20)+&quot;, 0 6px 0 0 rgba(0, 0, 0, 0.15)&quot;;
e.css({transition:&quot;none&quot;,&quot;margin-bottom&quot;:&quot;5px&quot;,&quot;text-shadow&quot;:&quot;0 -1px 0 rgba(0, 0, 0, 0.5)&quot;,&quot;box-shadow&quot;:i,&quot;-moz-box-shadow&quot;:i,&quot;-webkit-box-shadow&quot;:i,color:c.color3,&quot;background-color&quot;:c.color2,height:&quot;calc(100% - &quot;+(c.border_weight&gt;5?c.border_weight:5)+&quot;px)&quot;}).hover(function(){var n=$.fn.getBrightnessColor(c.color2,40);
$(this).css(&quot;background&quot;,n)
},function(){$(this).css(&quot;background&quot;,c.color2)
}).mousedown(function(){var n=&quot;0 0 0 1px &quot;+$.fn.getBrightnessColor(c.color2,65)+&quot; inset, 0 0 0 2px &quot;+$.fn.getBrightnessColor(c.color2,20)+&quot; inset, 0 1px 0 0 &quot;+$.fn.getBrightnessColor(c.color2,-10)+&quot;, 0 2px 0 0 &quot;+$.fn.getBrightnessColor(c.color2,-20)+&quot;, 0 2px 0 0 rgba(0, 0, 0, 0.15)&quot;;
$(this).css({&quot;background-color&quot;:$.fn.getBrightnessColor(c.color2,30),&quot;box-shadow&quot;:n,&quot;-moz-box-shadow&quot;:n,&quot;-webkit-box-shadow&quot;:n,top:&quot;7px&quot;})
}).mouseup(function(){var n=&quot;0 0 0 1px &quot;+$.fn.getBrightnessColor(c.color2,65)+&quot; inset, 0 0 0 1px &quot;+$.fn.getBrightnessColor(c.color2,20)+&quot; inset, 0 3px 0 0 &quot;+$.fn.getBrightnessColor(c.color2,-10)+&quot;, 0 2px 0 0 &quot;+$.fn.getBrightnessColor(c.color2,-20)+&quot;, 0 6px 0 0 rgba(0, 0, 0, 0.15)&quot;;
$(this).css({&quot;background-color&quot;:$.fn.getBrightnessColor(c.color2,40),&quot;box-shadow&quot;:n,&quot;-moz-box-shadow&quot;:n,&quot;-webkit-box-shadow&quot;:n,top:&quot;5px&quot;})
});
break;
case&quot;4&quot;:var f=[[&quot;0%&quot;,&quot;rgba(255,255,255,0.6)&quot;],[&quot;30%&quot;,&quot;rgba(255,255,255,0.40)&quot;],[&quot;100%&quot;,&quot;rgba(255,255,255,0.2)&quot;]];
var a=[[&quot;0%&quot;,&quot;rgba(255,255,255,0.6)&quot;],[&quot;30%&quot;,&quot;rgba(255,255,255,0.5)&quot;],[&quot;70%&quot;,&quot;rgba(255,255,255,0.4)&quot;]];
e.setBackgroundGradient(f);
e.css({color:c.color3,&quot;background-color&quot;:c.color2,border:c.border_weight+&quot;px solid &quot;+$.fn.getBrightnessColor(c.color2,20),&quot;box-shadow&quot;:&quot;0 2px 2px rgba(0, 0, 0, 0.5), 1px 1px 1px 0 rgba(255,255,255,0.8) inset&quot;,&quot;-moz-box-shadow&quot;:&quot;0 2px 2px rgba(0, 0, 0, 0.5), 1px 1px 1px 0 rgba(255,255,255,0.8) inset&quot;,&quot;-webkit-box-shadow&quot;:&quot;0 2px 2px rgba(0, 0, 0, 0.5), 1px 1px 1px 0 rgba(255,255,255,0.8) inset&quot;}).hover(function(){e.setBackgroundGradient(a);
e.css(&quot;background-color&quot;,c.color2)
},function(){e.setBackgroundGradient(f);
e.css(&quot;background-color&quot;,c.color2)
});
break;
case&quot;5&quot;:var k=$.fn.getBrightnessColor(c.color2,50);
var j=$.fn.getBrightnessColor(c.color2,35);
var h=$.fn.getBrightnessColor(c.color2,45);
var g=$.fn.getBrightnessColor(c.color2,30);
var f=[[&quot;0%&quot;,k],[&quot;100%&quot;,j]];
var a=[[&quot;0%&quot;,h],[&quot;100%&quot;,g]];
e.setBackgroundGradient(f);
var i=&quot; 0 1px 2px rgba(0,0,0,.3)&quot;;
e.css({&quot;box-shadow&quot;:i,&quot;-moz-box-shadow&quot;:i,&quot;-webkit-box-shadow&quot;:i,color:c.color3,border:c.border_weight+&quot;px solid &quot;+g,&quot;text-shadow&quot;:&quot;0 1px 1px rgba(0,0,0,0.4)&quot;}).hover(function(){e.css({&quot;box-shadow&quot;:i+&quot;, 0 0 15px rgba(0, 0, 0, 0.2) inset&quot;,&quot;-moz-box-shadow&quot;:i+&quot;, 0 0 15px rgba(0, 0, 0, 0.2) inset&quot;,&quot;-webkit-box-shadow&quot;:i+&quot;, 0 0 15px rgba(0, 0, 0, 0.2) inset&quot;});
e.setBackgroundGradient(a)
},function(){e.css({&quot;box-shadow&quot;:i,&quot;-moz-box-shadow&quot;:i,&quot;-webkit-box-shadow&quot;:i});
e.setBackgroundGradient(f)
}).mousedown(function(){e.css({&quot;box-shadow&quot;:i+&quot;, 0 0 25px rgba(255, 255, 255, 0.2) inset&quot;,&quot;-moz-box-shadow&quot;:i+&quot;, 0 0 25px rgba(255, 255, 255, 0.2) inset&quot;,&quot;-webkit-box-shadow&quot;:i+&quot;, 0 0 25px rgba(255, 255, 255, 0.2) inset&quot;})
}).mouseup(function(){e.css({&quot;box-shadow&quot;:i+&quot;, 0 0 25px rgba(0, 0, 0, 0.2) inset&quot;,&quot;-moz-box-shadow&quot;:i+&quot;, 0 0 25px rgba(0, 0, 0, 0.2) inset&quot;,&quot;-webkit-box-shadow&quot;:i+&quot;, 0 0 25px rgba(0, 0, 0, 0.2) inset&quot;})
});
break;
case&quot;6&quot;:e.css({background:&quot;transparent&quot;,color:c.color2,border:c.border_weight+&quot;px solid &quot;+c.color2});
e.hover(function(){$(this).css({background:c.color2,color:c.color3,&quot;border-color&quot;:c.color2})
},function(){$(this).css({background:&quot;transparent&quot;,color:c.color2,&quot;border-color&quot;:c.color2})
});
break;
case&quot;7&quot;:e.css({color:c.color3,&quot;background-color&quot;:c.color2,&quot;border-bottom&quot;:c.border_weight+&quot;px solid &quot;+$.fn.getBrightnessColor(c.color2,-40),height:&quot;calc(100% - &quot;+(c.border_weight&gt;5?c.border_weight:5)+&quot;px)&quot;});
e.hover(function(){$(this).css({background:$.fn.getBrightnessColor(c.color2,5)})
},function(){$(this).css({background:c.color2})
});
break
}var b=c.border_radius+&quot;px&quot;;
e.css({&quot;border-radius&quot;:b});
if(c.data_link!=undefined){if(c.data_link.length&lt;4){e.click(function(){v.selectPageFromUrl(c.data_link)
})
}else{(c.data_link.is_email())?e.attr(&quot;href&quot;,&quot;mailto:&quot;+c.data_link):e.attr(&quot;href&quot;,c.data_link).attr(&quot;TARGET&quot;,&quot;_blank&quot;)
}}l.text(c.text);
e.css(&quot;font-family&quot;,c.font);
d.html(e);
this.onShow()
},onFontFamilyUpdate:function(){this.onShow()
},onShow:function(a){a=a||this.cpt.node.find(&quot;.button_block&quot;);
var b=0;
if(a.data(&quot;spacing&quot;)){b=a.data(&quot;spacing&quot;)
}$(&quot;span&quot;,a).css(&quot;font-size&quot;,a.parents(&quot;.list_types_button:first&quot;).length?&quot;10px&quot;:Math.round((a.height()-b)*0.65)+&quot;px&quot;);
$(&quot;span&quot;,a).css(&quot;top&quot;,Math.round((a.height()-a.find(&quot;span&quot;).height())/2))
},onResize:function(){this.onShow()
},onMoveStop:function(){this.onShow()
},onDeselect:function(){},createMenuButtton:function(){var b=this;
var a=$(&quot;#block_design_properties&quot;).children(&quot;ul&quot;).filter(function(c,d){return $(d).css(&quot;display&quot;)==&quot;inline-block&quot;
});
$.each(a.find(&quot;.list_types_button&quot;).find(&quot;li&quot;),function(e,d){var c={font:&apos;&quot;Arial&quot;, sans-serif&apos;,color1:[[&quot;10%&quot;,&quot;#348B3D&quot;],[&quot;90%&quot;,&quot;#A7DBAC&quot;]],color2:&quot;#348B3D&quot;,color3:&quot;#ffffff&quot;,text:&quot;Type &quot;+(e+1),border_radius:3,esp:0,type:e.toString(),border_weight:2};
b.createButton($(d),c);
b.onShow($(d).find(&quot;.button_block&quot;));
$(d).find(&quot;a&quot;).css(&quot;text-decoration&quot;,&quot;none&quot;)
})
},init_examples:function(){var b=this;
var a=this.examples;
var d;
var c=$(&quot;&lt;ul id=&apos;ulexamples&apos;&gt;&lt;/ul&gt;&quot;).empty();
if(c.find(&quot;li&quot;).length==0){$.each(a,function(g,f){var h=$(&quot;&lt;li class=&apos;container_gadget_example&apos;&gt;&lt;/li&gt;&quot;);
d=$(&quot;&lt;div class=&apos;gadget_example&apos;&gt;&lt;/div&gt;&quot;);
h.append(d);
d.css({height:&quot;45px&quot;,width:&quot;170px&quot;});
c.append(h);
var e={font:f.font,color1:f.color1,color2:f.color2,color3:f.color3,text:f.text,border_radius:f.border_radius,esp:f.spacing,type:f.type};
b.createButton(d,e);
$(d).find(&quot;.button_block&quot;).css(&quot;font-size&quot;,&quot;22px&quot;);
d.click(function(){var i=$(&quot;#block_design_properties&quot;).children(&quot;ul&quot;).filter(function(k,l){return $(l).css(&quot;display&quot;)==&quot;inline-block&quot;
});
i.find(&quot;.list_types_button&quot;).find(&quot;li&quot;).removeClass(&quot;selected&quot;);
i.find(&quot;.uid_button_style_&quot;+f.type).addClass(&quot;selected&quot;);
b.cpt.data.select_Button=f.type;
b.cpt.data.gradientColor=f.color1;
b.cpt.data.button_colors2[0]=f.color2;
b.cpt.data.button_colors[0]=f.color3;
var j=i.find(&quot;.gradientProperty&quot;).data(&quot;ClassyGradient&quot;);
j.setupPoints(f.color1);
j.update();
i.find(&quot;.colorsButton2&quot;).find(&quot;input:first&quot;).chromoselector(&quot;setColor&quot;,f.color2).trigger(&quot;blur&quot;);
i.find(&quot;.colorsButton&quot;).find(&quot;input:first&quot;).chromoselector(&quot;setColor&quot;,f.color3).trigger(&quot;blur&quot;);
b.cpt.data.esp=f.spacing;
b.cpt.data.border_radius=f.border_radius;
i.find(&quot;.sliderBorder&quot;).find(&quot;input:first&quot;).simpleSlider(&quot;setValue&quot;,f.border_radius);
i.find(&quot;.sliderEsp&quot;).find(&quot;input:first&quot;).simpleSlider(&quot;setValue&quot;,f.spacing);
b.cpt.data.fontButton=f.font;
i.find(&quot;.selectGradientO&quot;).find(&quot;select:first&quot;).data(&quot;kendoDropDownList&quot;).value(&quot;vertical&quot;);
setTimeout(function(){i.find(&quot;.selectButtonLink&quot;).find(&quot;span.selected&quot;).text(f.font).css(&quot;font-family&quot;,f.font);
b.onSelect()
},1500);
$(&quot;#design_blocks_wrapper&quot;).desactivate()
})
})
}if($(&quot;#ulexamples&quot;).length==0){$(&quot;#list_examples&quot;).prepend(c)
}}};</script><style>.button_block{transition:background .2s ease-in-out 0s,background-color .2s ease-in-out 0s,color .2s ease-in-out 0s,box-shadow .2s ease-in-out 0s}
.button_block&gt;span{display:block;position:relative;text-align:center;cursor:pointer}</style></uidget>