How to hide toolbar in Sigma Grid 2.0

[sai]

What is the property to hide the toolbar or java script code to hide at runtime?

[steven]

toolbarContext
It's set to 'nav | pagesize | reload | add del save | print | filter chart | info' by default.
If you want to hide add del save button, you can set it to 'nav | pagesize | reload | print | filter chart | info'.

[sai]

Thanks. Your suggestion will only customize the toolbar. Our requirement is to completely hide the toolbar including paging navigation. We do not want to show the toolbar at all. We need to show just the grid and would like to provide our own UI for paging navigation.

[steven]

Currently you can't. 

[sai]

I think its nice to hide the toolbar, but for now we are going to change the height of toolbar to 0 or 1 pixels and do our own paging. Will that approach have any issues?

Currently you can't. 

[steven]

The best workaround is change gt_grid.css.
.gt-toolbar-box { width:100%; position: relative; height:24px; left:0px; bottom:0px; display:none; cursor:default; z-index:15; overflow:hidden; border: 1px solid #cccccc; border-top: 0px; background-image:url(./skin/default/images/footer-bg.gif); background-position : 0px 0px; }

[gbolanoscruz]

Where or How can i set this property (toolbarContext)?

[steven]

Hello gbolanoscruz, thank you for your contribution to this forum first.
The following code may make you feel better  .
var gridOption={     ...     toolbarContext : 'nav | pagesize | reload | add del save | print | filter chart | info' ,     ... }; var mygrid=new Sigma.Grid( gridOption ); Sigma.Util.onLoad( Sigma.Grid.render(mygrid) );
Every word stands for a button. A stick stands for a separator on the tool bar.

[gbolanoscruz]

Hi! 
I try that, but not work to me...  

I make it work by this way:

on the grid option, don't call a property named toolbarContext, because that don't work (to me), else I call individually each button of this way:

  var gridOption={ ....     showGridMenu : false,     showSaveTool:false,     showChartTool:false,     showFilterTool:false,     showReloadTool:false, ... }; var mygrid=new Sigma.Grid( gridOption ); Sigma.Util.onLoad( Sigma.Grid.render(mygrid) );

By this way, I hide the functions save, chart, filter, reload and the menu...
 
Thanks!