I have used text-align:right & align:right in css to get the help icon next the search input…but no go. What to do?
var iconHelp = “”; var toolbar = { view:“toolbar”, elements:[ { view:“richselect”, width:170, labelWidth:90, label: ‘View Pages’, labelAlign:“left”, value:1, options:[ { id:1, value:“4” }, { id:2, value:“5” }, { id:3, value:“6” } ], on:{ onchange:function(){ pagerSize = this.data.text; $$(“pagerA”).define(“size”, pagerSize); $$(“chk”).refresh(); } } }, { view:“richselect”, width:170, id:“batchAction”, labelWidth:90, labelAlign:“left”, value:1, options:[ { id:1, value:"" }, { id:2, value:“red background” }, { id:3, value:“green background” }, { id:4, value:“blue background” }, { id:5, value:“yellow background” } ], on:{ onchange:function(){ alert($$(‘batchAction’).getText()); } }
},
{view:"icon", icon:"question-circle", id:"helpIcon" },
{ view:"search", align:"right", placeholder:"Search by keyword", id:"searchfilter", inputWidth: 220}
]
};
webix.ui({ container:“areaA”, rows:[ toolbar] })