Title: datagrid: vertical toolbar Post by: korenanzo on July 06, 2016, 06:49:32 AM Could be possible to put the data grid toolbar in vertical mode, in left or right position?
something like (https://dl.dropboxusercontent.com/u/1181512/jeasy/vtb.png) (no matter if not thin as the example ... well, if could be possible to make it so thin , would be better :) Title: Re: datagrid: vertical toolbar Post by: jarry on July 06, 2016, 06:28:04 PM No, but you can put the toolbar in the west region of a layout. Please look at this example http://code.reloado.com/onetus/edit#preview
Title: Re: datagrid: vertical toolbar Post by: korenanzo on July 06, 2016, 11:41:01 PM It's a good solution, thank you!
Title: Re: datagrid: vertical toolbar Post by: korenanzo on July 15, 2016, 06:55:37 AM Even if it is a good solution, I'd have problems with the rest of my layout and positioning system, so I am asking for an alternative:
could be possible to move the toolbar overriding or modifying the css? For example for the classes datagrid-toolbar and datagrid-view? Thanks, Riccardo Title: Re: datagrid: vertical toolbar Post by: jarry on July 16, 2016, 01:03:05 AM No, the toolbar can not be set vertically. If you don't wish to use the layout, please try to use the float <div> elements that split the toolbar and datagrid.
Code: <div style="float:left;width:32px"> Title: Re: datagrid: vertical toolbar Post by: korenanzo on July 25, 2016, 03:58:32 AM I don't understand how to do it at runtime, with javascript:
I create the grid at runtime, in this way: Code: var o = $('<table id="' + myId + '" ></table>'); the resulting html is, more or less: (https://dl.dropboxusercontent.com/u/1181512/jeasy/grr.png) thanks, Ric Title: Re: datagrid: vertical toolbar Post by: jarry on July 25, 2016, 09:06:33 AM Please look at this example http://code.reloado.com/iwucey3/edit#preview
Title: Re: datagrid: vertical toolbar Post by: devnull on July 26, 2016, 02:48:27 AM Please look at this example http://code.reloado.com/iwucey3/edit#preview That looks great ! Title: Re: datagrid: vertical toolbar Post by: korenanzo on July 28, 2016, 01:54:36 AM I finally reached the goal:
1) created a div with buttons as in your last example 2) connected to the datafrid toolbar: datagrid.toolbar = '#mynewtb' 3) modified the css: Code: .datagrid-toolbar { http://code.reloado.com/iwucey3/5/edit the result is not perfect: for example the view width and height should be resized ,but could be a good starting point.... |