I have an instance of HandsonTable where I need to display an warning tooltip stating as required field. One cell of the table contains delete button and as soon as the table becomes empty(no rows having data) whether by delete button action or while the page load itself, I want to show a warning/alert tooltip.
I have made a custom renderer where right now I am able to display an image on the above mentioned conditions. But I am not able to apply the tooltip probably because tootltip is displayed on mouse hover. I need to render an element which directly shows the tooltip(without mouse hover) when the table is empty.
Related
I have a bokeh project that looks very similar to this https://demo.bokeh.org/movies
Now I would like to make it possible to hide/unhide the column on the left.
I know how to hide it following the solution from here https://discourse.bokeh.org/t/hiding-bokeh-elements/4335/2
The problem is now where to put a button which would show the column again.
I thought of the following:
When hiding the column make another button visible which will allow to unhide the column. This is easy but adding a new widget to the layout would defeat the purpose of hiding the column since either way I would have a big button visible on the screen affecting the position of the figure. Is there some way of adding a new button widget which does not affect the whole layout?
Adding a new tool to the figure which would call the unhide the column. I am not sure though if this can be done easily.
I have a table where each different row & column holds a different image resembling a piece of data. My aim is to be able to hover over each different image and text unique to each image appears but I want each different piece of text to appear in the same place, for example an empty row at the bottom of the table and each hover text will appear in that row
How can I go about creating this? I have read Make text appear somewhere else on hover but not sure if that can be converted
I have a homemade drop-down that, when clicked will show the more data below it. Currently, when this happens it expands the holding cell to be taller. Is there a way to avoid this and basically have it work like a normal drop down and write its data on top of the table. An image has been included.
http://imageshack.com/a/img924/4021/dBkvyc.png
Image is at the link. Couldn't get the image to upload.
position:absolute and z-index are your friends but beware of formatting after you do it.
I am using Sortable Grid from here to perform a drag and drop in my app. However, I want to dynamically create a Row while dropping.
I mean say if there are two rows in Sortable Grid. If user drags an element and thinks of creating the third row before dropping it, then he/she should be able to do it by dropping below the second row. How do I do it?
Use a div below the boxes, and use ondragenter to prepare the program for a new row. I don't know how the plugin works, but this should help. Make the div however high you want, and that will be the distance beneath the list that can be selected (I recommend the height of the grid boxes)
See snapshot attached very first time when grid is created it shows like this snapshot, once we change size of any column by dragging or we change displayed column by right click and check/uncheck column to display or hide then column will align properly and also shows data.
one more thing when grid is created and rendered at that time area where this grid render is hidden, i mean there are tab layout and in one of tab these grid is created and active tab is different, does it make any problem.?
The grid size is rendered based on the current element size where it is attached to. Thus, if the element is hidden it will not show the correct layout. I usually call {grid}.resizeCanvas() when i show the tab. Alternatively, you can show the element while creating the grid and hide it later on.