Applying a theme to a jqxgrid

[ADrew2Participant]

Within angular I am trying to apply a theme to my grid below

              <div class="panel-body">
                <jqxGrid id='jqxTheme'
                  [width]='1505' [source]='dataAdapter' [pageable]='true' [height]='500'
                  [editable]='true' [columns]='columns'>
               </jqxGrid>

              </div>

Within the index I set the theme property

 <link href="assets/css/jqx.base.css" rel="stylesheet">
  <link href="assets/css/jqx.energyblue.css" rel="stylesheet">
  <script type="text/javascript">
        $(document).ready(function () {
            // Set the theme.
            $("#jqxTheme").jqxGrid({ theme: "energyblue" });
        });
    </script>

Errors in the console include:
1) ReferencError: $ is not defined 2)Bootstrap’s JavaScript requires jQuery

I believe I have almost solved it.
Any help is much appreciated
Thank you

[ADrew2Participant]

Got it!

<jqxGrid
    [width]='1505' [source]='dataAdapter' [pageable]='true' [height]='500'
    [editable]='true' [columns]='columns' [theme]='"energyblue"'>
 </jqxGrid>

[Peter StoevKeymaster]

Thanks for the update and input for other people using our Angular Grid component.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts