Grid being clipped on MOBILE responsiveness

[vitor.claudio]

Hey guys... I have a form with many filters, which when executed supplies 2 grids... In the desktop version, working fine, but in the mobile the second grid is cut... To work in the desktop version I had to REMOVE the attributes [ [width:max | height:max]] of the main form... The attributes of the grids

GRID 1 [[cols:xs-12 sm-12 md-2 | scale:parent h:100%-top off-15]] GRID 2 [[cols:xs-12 sm-12 md-10 | scale:parent h:100%-top off-15]]

Has anyone ever experienced this?

[Sherzod]

Hello,

First of all, could you please specify which edition and build of uniGUI are you using?

[vitor.claudio]

1.90.0.1564 (trial edition)
At first I'm liking the framework and everything indicates that I will purchase the license soon, if my tests evolve satisfactorily.

[mikromundo]

Explaining the attributes used:

rcBlock200
[[
cols:xs-12 sm-12 md-12|
hr-childs:xs-exp sm-exp md-fix |
scale:parent h:100%-top off:15 mobile-off|
]]

rcBlock200 is the "container" of the blocks that contain the 2 grids.

cols:xs-12 sm-12 md-12
will occupy 12 columns regardless of the device
(More details about "cols:" in RadCORE documentation)

hr-childs:xs-exp sm-exp md-fix
will expand the "height" with the sum of the child blocks ( contained in rcBlock200 ), but only when in "mobile".
(More details about "hr-childs:" in RadCORE documentation)

scale:parent h:100%-top off:15 mobile-off
will expand "height" only when in "desktop" (more details about "scale:" in RadCORE documentation)

rcBlock205
[[
cols:xs-12 sm-12 md-2 |
scale:parent h:100%-top off:15 mobile-off|
hr:xs-150 sm-150 md-rcBlock205 |
]]

rcBlock210
[[
cols:xs-12 sm-12 md-10 |
scale:parent h:100%-top off:15 mobile-off|
hr:xs-200 sm-200 md-rcBlock210 |
]]

The blocks that contain the grids are similar.
one will occupy 2 columns and the other 10 columns (as you originally defined).

In both, we use "scale:" again to expand the "height" of each one only when accessed in "desktop" and we use "hr:" to adjust the "height" to a fixed size in pixels when in "mobile " and on desktop assumes the default value of the block itself (which will be defined by "scale:" )