Vaadin 8: Grid cell tooltip example - grid

I would like to have tooltips in a Vaadin 8 grid cell. I think this can be implemented with setDescriptionGenerator. I tried to use it as
grid.addColumn(Property::getStringValue).setDescriptionGenerator(Property::getDescription);
But this does not do anything. I am looking for a code example to implement tooltips in Vaadin 8 grid.
Thank you for your help!

Related

Does MDC have a grid system?

Does MDC have a grid system, something like Bootstrap's where you put columns inside rows with different widths depending on screen size.
If this is not yet supported (and/or not going to be) what's the official stand on the team on this thing, is MDL's grid the official supported to use?
Found it. Looks like it just hatched hours ago. Looks like it behaves like MDL grid.
https://github.com/material-components/material-components-web/tree/master/packages/mdc-layout-grid
Yes. Material design’s responsive UI is based on a column-variate grid layout. It has 12 columns on desktop, 8 columns on tablet and 4 columns on phone.
https://material-io.cn/develop/web/components/grid-lists/

Applying custom offsets and sizes of foundation grid

hey guys i am trying to create a layout which has like 8 columns on left and like 3.5 columns on right.
Now the problem is that 3.5 columns is not supported in in foundation.
how can i achieve that?
Or can i do a custom margin and padding.If so, i guess the layout for mobile will break too.
thanks.
You can easily change pretty much all properties of the grid in SASS version. If you make total column count 24(instead of 12) then 3.5 will be integer number 7. BUT! Much easier option will be nesting grid inside the grid(gridception) so you can subdivide section of arbitrary width (standard 1 to 12 columns) in up to 12 parts.
You want to make a web-page with 11.5 columns.
One way is to customize foundation with 23 column grid structure and have 16 columns on left and 7 on right.Here is the link to customize foundation - LINK
remove the components you dont need and have that stylesheet included for that specific page.

Create a custom layout with KendoUI

I'm getting started on a Kendo UI Mobile project and have absolutely no idea how to create the layout I'm looking for. Heck, I have basically no idea how to do anything in Kendo UI.
I'd like to have 3 images in a view. An example of the layout is below.
I'm quite confused as to how to create this layout and have the images adapt to whatever mobile device or orientation is being used. A series of nested splitviews seems to be the way to accomplish this layout, but the kendo-ui site seems to indicate that the splitview is for tablets only.
Should I just grab a responsive grid framework and use that in conjunction with kendo-ui? I'd prefer to stick within the kendo-ui framework if this layout is possible.
You need to recognize that KendoUI isn't the solution for everything. For this problem/requirement, you should be looking for a simple HTML/CSS solution and not a widget such as the splitter.
You can use the bootstrap responsive (integrated in kendo ui) for html 5 mobile app.
I remember, you can use the grid system (css classes) and the img-responsive class
see the grid here : http://getbootstrap.com/css/#grid
see the responsive image here : http://getbootstrap.com/css/#images-responsive
in kendo it overrided but that's the same logic

Nested grids in Extjs 4

I need to implement a nested grid functionality in extjs 4. I searched online and it seems like Rowexpander from http://dev.sencha.com/deploy/ext-4.0.2/examples/grid/grid-plugins.html is the way to go. My issue is that I can't get it to work to display another grid (displaying text works fine).
I need to make it look like this: http://examples.ext.net/#/GridPanel/RowExpander/MultiLevel_GridPanel/ using pure extjs 4.
Can someone point me in the right direction?
In ext3 I used the rowexpander and embedded a grid, but later discovered odd IE issues when further enhancing it with things like rowactions, pagination, scrolling on the nested grid, etc. It also adds visual complexity vs a layout where you have 1 grid above another grid. You click a row in the upper grid and it loads the lower grid for the "nested" data related to that row. Obviously that pattern only works for a single nesting. If you need it nested further, you really want a tree and I would use this:
http://dev.sencha.com/deploy/ext-4.0.2/examples/tree/treegrid.html

Spark skins : blue drop shadow on focus

I'm currently experimenting flex 4 skinning. I successfully skinned most of the components i need for my application, but i can't find a way to avoid this damn blue drop shadow which is displayed when u'r focused on a textfield or a combobox.
If anyone has a hint on this.
Thanks !
You need to set the 'focusSkin' much like you set the skinClass. There's a great example here:
http://flexponential.com/2010/01/24/custom-focusskin-for-spark-components-in-flex-4/

Resources