Bootstrap buttons in Query->Toolbars (with great contribution by JohnTallbot)
Advanced scripts - buttons in grids toolbars
- In hamburger menu-> Panel Operations/buttons you have to put: <button type="button" class="btn btn-info"><i class="icon-folder-open"></i>My button</button> (you can find other examples on google (bootstrap buttons).
- In advanced section of the query-> Render script put this code:
$("#" + parser.m_widgetInfo.wrapperId).find (".k-button").addClass ("mycssclass");
- In C:\AwareIM\Tomcat\webapps\AwareIM\Custom\CSS\mybsvname folder create mycustom.css (the name is not important)
in this file add:
.mycssclass{
padding:0px !important;
}
This will remove the extra space between your added button on step #1 and the button generated by k-button class.
that's it.
thx,
