I used Vaadin Table component in my application and i set a page length to 15, Length of the Table is not consistent in different screens resolutions . For example in 1440 x 900 resolution height of the table is big but in 1280 x 1024 resolution the height of the table is less . I don't know how to solve this problem.Can any one help me to sort out this problem.
Thanks in advance.
Setting pageLength 15 basically says that the table should be just so high that 15 rows can be showed at once. No higher, no lower. Giving a height to the table would override the page length. Are you calling table.setHeight("100%"); or table.setSizeFull()?
I think that you can use something like:
aTable.setPageLength(0);
aTable.setHeight("100%");
Both previous answers are correct, while also noting that you probably need to ensure that the tab sheet you are adding also has setSizeFull().
Related
Sorry to bother "again", we have a couple of important questions, we noticed that some of the X labels disappear randomly, my understanding is that sometimes, when we don't have space, labels should hide but this behavior is happening even if there's space, we have version 10.3.1 of Gantt, please check the following for better understanding:
and also...
Now we would like to ask if there's a solution for this? or an update? also would like to ask something related... as you can see in the images, we have divided the X into 3 lines, years, quarters and months, is there a way to have the months 3 letters as shown when there's enough space and show only the month initial when the space is reduced?
Thank you for any help you may bring!
You may try setting the padding to 0 or to set allowOverlap=true
https://api.highcharts.com/highcharts/plotOptions.series.dataLabels.allowOverlap
Im using a library called JTAppleCalendar and it uses a CollectionView to draw out the Calendar. I want that my Cells have small lines separating them so i set the calendarView.minimumLineSpacing to 0,4 but what i get is a mismatch of lines (some are thicker than they should be) see in picture
My goal is to get equal lines. The width of the Calendar is the device width (in my example 375 (iPhone 12 mini)) and the height is fixed at 295.
I have researched a lot and, found out that this is some kind of UIKit problem because the cell sizes are not an even number. ( maybe this issue is also useful )
Please help me solve this problem.
I'm trying to use gridstack ( https://github.com/troolee/gridstack.js ) in a configuration of just 5 columns, but the problem is the default is 12 columns, and when I configure to only 5, these 5 columns are squeezed to the left and I have the space of 7 unusable columns on the right.
I would like to use all the screen width to acomodate these columns. Could you help me with the solution? I used options = { width: 5 } and the recommendations on https://github.com/troolee/gridstack.js#change-grid-width , but with no success.
Thank you!
Have you updated CSS rules for your grid? You need to define new rules for it.
Please check out the documentation https://github.com/troolee/gridstack.js#change-grid-width
I couldn't really find anything on the web yet, what the Adjustment preference on WatchKit's UI elements does.
Does somebody know?
The adjustment will add or subtract that many points from the size of the element. Say you have an element who's height is set relative to the container at 50% and then you add an adjustment of 10. If the containers height is 100 then that element's height will be 60 since it will be 50% of 100 plus 10. I am using it in my app to get the exact height that I want relative to the height of the watch.
I fixated the two first left columns in my tables based on https://stackoverflow.com/a/17557830/1272712. The columns is only fixated, when the screen size is less than 768px - at which point the table is scrollable (see jsFiddle). It works great on Android, desktop Chrome and desktop Safari, but it doesn't work on iOS Safari and Chrome. Does iOS not support position:absolute?
If anybody else have any alternative implementations, I'll accept that as an answer.
http://jsfiddle.net/98hk3/
I was able to get this working by overriding the -webkit-overflow-scrolling property to be unset.
I believe it defaults to touch in iOS which for some reason was throwing off the position:absolute I was trying to set.
I think you have stuck in min-width problem,
I will say that its simple to solve this in case you will convert pixel to em,
if you base size is 16px (by default it is same in all browsers)
then your PX to Em will be (px)768 / 16 = 48(em)
Now try changing Px to Em in the code Fiddle 0
also if you must stay with PX, then do something like this,
#media(max-width:768px !important)
fiddle 1
or
#media(max-width:99%)
Fiddle 2
Note:I suggest we keep 1 or 2 % spare(by applying 99%) because if we have applied padding some where within body that will create overflow to top level.
Also try adding zoom:1; under .table-responsive class that might help in case of iOS fiddle 3
if this does not work out please reply..