y6?axƻ]$Y6gO䮠'>;YZQh!2:l.sTs"zD0[>G4fc dӬUnb]6W@6Qv%=VQ`[q9^ [u.N0౤MEl/s%#o,˜1?ցK0G~(պ$P~Mȅ+|S4 gǀ4 ez$5gu_01: +t Q(]!r܈ҚXȸ0,Gn%QSHܼ9ZoE%*@kf:pXh>dՂ3! s ׉t$ 1p5k@S3C|n'%C:DH ?ATh4s^b ohx[mw# 9&M;GԄ$tj'cʹ ѨۍD.?UڽJ:|`Y*'"5yMjk5}lrZ83~u!~t }bck+˕ušoUME VOaٯJvxJʇyGdrv0N!'5ޏY \8UJUAPA>̖atXeq\ׄڴ8z?.+q2]aovw׆yj 8FP("d= =a~vK&&> D2M1,s#A!p Qv^g5l o:hREa^=e\% p@I#{wc,C4Zׂ<ҳ}k+2;e9ٖ~y6\2KȘ  jJH87]':6"Y[[ݕbAQiTbUC0(!jJCcYiuDv_/A|#4/]]qmU/ͳTKV3ь5E_cN访jojDQ e#C>8FP("d= =a~vK&&L`Y\.ғ#_!BZd ojDQ e#C>8FP("d= =a~vK&&CBrys&#7) 3&2;e9ٖ~y6\2KȘ  jJH87]':6"Y[0*k啺Z&M|X?ِ$3L?#bck+˕ušoUME V,8tXWRHKqAzޚx!)a@ d-/{;BkT/u-`,4c^Þlw ʁC9o1=8AMgLb]U3v zx"\4{bZ8sWTã"-cFCĶ!tfc >`EMh{E?ե4ڞKRJNq'8nn&,`\floaDqW܏ !Qʡ@*viwX5FR=<0J ϵ NLG1l͊\PJv1U8nn&,`\fkMEa܍fLG}${OJ*LڴV~UCLTƁ.>bgWť72ՙ8x`1;ʃڴV~UCLTƁ.e8fnW6=udD8ORݣS`Λ2{E?ե4ڞKaB[ v:q[l^8nn&,`\floaDqW܏ !Qʡ@*vi%MjD%o5ϐƝj/7\DL#77LF9囤*:׬g0]8nn&,`\fk5;xM@v7F'vo&\٘ft4Y8nn&,`\f jFaaXeJ4nLO*{ 8nn&,`\f&nbYfAm:8nn&,`\fFp'حhM]8nn&,`\fk5;xM@vS%|%;,Z``Hn/ԫF6"IKJ&Yqjirp|Yٹz<22F>p[Jv1U8nn&,`\fkMEa܍fLG\ aw8_WzL}*<\]MV"8nn&,`\f/.3^RĀat^IkݍR8nn&,`\f2_FTP`8nn&,`\fOƜڣ{ui/`8nn&,`\f,M#J^)S)::ҾpXx\~$ݯEyM"5֌ȫJ&ލ6u8nn&,`\f,7tj{H_4z҃M8Ff0"-cFCĶ\W,\Ĺ)˪PE!Kmo0:.vA98nn&,`\f V3;`xswx<4HYX2FƎ2BTO*>nMBs"h18nn&,`\fV GiQ^Ʀyjy?ǩƞ#8nn&,`\f8nn&,`\f+Lpsz$m尉G!j8nn&,`\fT-^Ʊ~7C4:DQP^NΆ* h48nn&,`\f]J{X˺Z]T`AJ&8nn&,`\fZ8sWTã"-cFCĶU*?Lx2DQP^NΆ* h4ڛ ch3hcdչ>Hsd<۲x[h#~0H'=Cf3?]b8nn&,`\fYF0گ p@s(,sMr wa& )aDTayqTشcD#;&'oC2oP]nړ-?MKwE^#:vv֍jt3l0.L/k&Z[:Uv _eƷ1FZޛQnMFP=?/QǞfM/~}zqORkT[5C2_\278,3{VJ FY8nn&,`\f [$&~V+vg!}"TpƄ[X.@2fj"O8Ů 2-8nn&,`\ft9FX[{=({(:N0]Բj윚x.J61h:~ͺzHWx!*h{FҼ?>~H1236"-cFCĶ"!j (zi+Cak; case 6: tool.jqxInput({ width: 200, placeHolder: "Type here to search..." }); break; } } }); $("#addToggleButton, #addCustomTool, #disableTool, #enableTool, #destroyTool").jqxButton({ width: 150 }); $("#position").jqxDropDownList({ width: 150, height: 22, source: ["first", "last"], selectedIndex: 1, autoDropDownHeight: true }); $("#index").jqxNumberInput({ width: 50, height: 25, decimal: 0, decimalDigits: 0, inputMode: "simple" }); $("#addToggleButton").click(function () { var position = $("#position").jqxDropDownList("val"); $("#jqxToolBar").jqxToolBar("addTool", "toggleButton", position, false, function (type, tool, menuToolIninitialization) { var width; if (menuToolIninitialization) { // specific setting for minimized tool width = "100%"; } else { width = 50; } tool.jqxToggleButton({ width: width, toggled: false }); tool.text("Off"); tool.on("click", function () { var toggled = tool.jqxToggleButton("toggled"); if (toggled) { tool.text("On"); } else { tool.text("Off"); } }); }); }); var countries = ["Argentina", "Austria", "Canada", "China", "France", "Germany", "Japan", "Mexico", "Spain", "Sweden", "Switzerland", "UK", "USA"]; $("#addCustomTool").click(function () { var position = $("#position").jqxDropDownList("val"); var country = countries[Math.floor(Math.random() * countries.length)]; $("#jqxToolBar").jqxToolBar("addTool", "custom", position, false, function (type, tool, menuToolIninitialization) { tool.append(""); if (menuToolIninitialization) { // specific setting for minimized tool tool.find("img").css("margin-right", "10px"); tool.find("img").css("margin-top", "4px"); tool.append("
" + country + "
"); } else { tool.attr("title", "Flag of " + country); } }); }); $("#disableTool").click(function () { var toolIndex = $("#index").val(); $("#jqxToolBar").jqxToolBar("disableTool", toolIndex, true); }); $("#enableTool").click(function () { var toolIndex = $("#index").val(); $("#jqxToolBar").jqxToolBar("disableTool", toolIndex, false); }); $("#destroyTool").click(function () { var toolIndex = $("#index").val(); $("#jqxToolBar").jqxToolBar("destroyTool", toolIndex); }); });
Insert position:
Tool index: