Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Jade
340
Is there a way to change the location of various UI elements of the grid?
posted

I'm referring to things moving the "prev" an "next" buttons to the top header or removing the bottom header. Things like that.

Plus how to add controls to the header and footer of the grid?

Thanks.

Parents
No Data
Reply
  • 24671
    Suggested Answer
    posted

    Hi,

    you can do all of that with jQuery selectors. You can use a tool like firebug to see which classes get applied to the various parts of the grid, and then look them up by class (or ID). 

    for example the pager prev and next buttons get the following classes applied to them:

    ui-iggrid-prevpage

    ui-iggrid-nextpage

    So, if i wanted to look up those, i would do $("#grid1_container .ui-iggrid-prevpage"). Then i can append the result on some other area in the grid.

    Note that if your grid element has an id of grid1, a grid1_container wrapper div will be always created in case features such as paging are used, because it will contain all the extra UI - such as footers & toolbars , including the data part of the grid. 

    Hope it helps. Thanks,

    Angel

     

Children