Get KoolPHP UI with 30% OFF!

Theming the grids

Shaun
Would it be possible to "Bootstrap" theme the datagrid filtering themes ?
Im gonna give it a shot now but dont want to waste my time if it cant be done.
Posted Aug 28, 2015 Kool
Peter
Hi Shaun,
Surely, It can be done however it may take you a little time.
Regards,
Peter
Posted Aug 28, 2015 Kool
Shaun
Cool, Ill let you know how it goes.
The portal I'm busy building is heavily bootstrap3 themed so for me to get the grids to match the theme I'm gonna have to do it :)
Posted Aug 28, 2015 Kool -
Shaun
kinda cheating with the bootstrap input fields but here is a quick way to do it. Just using javascript to add the bootstrap form-control class to input fields starting with grid_mt. Its a start. Gonna see if I can apply the same logic to the drop down selectors. :) Added the selectors. Should get the picture now. Its pretty easy to "inject" classes into the grid elements ;)
<script type="text/javascript">
        $(document).ready(function () {
           $('input[name^=grid_mt]').addClass('form-control');
            $('select[id^=grid_mt]').addClass('form-control');
        })
    
  function Handle_OnGridCommit(sender, args) {
      $(document).ready(function () {
          $('input[name^=grid_mt]').addClass('form-control');
          $('select[id^=grid_mt]').addClass('form-control');
      });
  }
</script>
Posted Aug 29, 2015 Kool -
Peter
Oh nice! That's a great way actually :)
Posted Aug 29, 2015 Kool
Gerd Huber
Do you plan a style-sheet for bootstrap ?
Gerd
Posted Sep 3, 2015 Kool