Is there any way to keep element ratio when page stretching? For example we have mobile page 320px width. I put element which are 200px widht and 280px height. When I stretch the page to 400px which is 1,25x more i also would like to element have height and widht calculated 200 x 1,25 and 280 x 1,25?
For now unfortunetlly it streching only in widht not in the height
I would like to scale repeating groups or standard groups. I know that there is checkbox only for images, shapes and icons, but also aspect ratio could be keep by integers not decimals.
Ok, nevermind. We always could do something like 10:7 and it will be ok also we could put shape behind of this group and it will be responsive based on this.
Still, I think it will be good idea to also make this possible on groups.
After trying to migrate a few pages, I think that adding an option to migrate the page āas isā would be immensely helpful. It is much easier to choose which elements should be changed from āfixedā rather than trying to extract elements out of a million automatically created rows, columns, and boxes. This would make migration extremely easy!
This should be a simple fix as you are essentially migrating all of the elements as āfixedā without changing much else. Obviously, the engines are different and itās likely more complicated than that. However, I think this would be the simplest and fastest migration process for all users.
On another note - Is there any plan to add %-based sizing to drag and drop elements?
@nick.carroll Is there any plan to offer this sort of migration? Otherwise, I would essentially need to completely rebuild my app which is not a feasible project.
Apologies if someone has already asked this above. I have converted and cleaned up a couple of my pages, and have just noticed that I now have extra whitespace below the end of the page. On pages where there is no blue footer, you can see where the page ends because the page has an off white background. Iām not running in debug mode. The page is set to column, full width, no min height or width. Inside the page I have my reusable header, a group with all the content in it (no min or max height set), and the reusable footer.
What I mean is dragging items that are visually larger than the group currently is. Right now the item has to fit inside the group, or else you canāt drag it in.
Cheers Bubble, great to see this. Itās definitely a shock going from all drag and drop to basically no drag and drop, but Iām sure weāll see some of that for re-ordering elements and increases heights and widths eventually make into the UI.
My biggest frustration was that I naturally set parent elements to 100 per cent, but was also using the margins and therefore the elements were going beyond the 100 per cent. Seems silly that I have to do the math to take into account margins and that 100 per cent width for children groups should be default and the application takes the margin away from that 100 per cent.
The other thing that seems illogical to me is that I set up the proportions of my group using the minimum width which I typically do as a percentage, but then I want to set a minimum pixel count as well, to trigger the responsiveness. I eventually worked out that if I set my first column as a percentage and then set the minimum on the second column in pixels I could get it to do what I wanted but I think you need to have a default/starting width, a minimum width and a maximum width.
Iād also like the ability to have margins between columns not stretch.
I have almost finished converting an entire page ā One thing Iāve noticed is Iām manipulating the element tree quite a bit⦠And I have a feature request thatās been a long time comingā¦
When we right click an element in the tree, can we get a quick āEditā in that context menu? Clicking an element⦠then trying to click the exact element in the editor without touching the sub items is killing me. If I had a dime for everytime I clicked an element INSIDE the group Iām actually trying to edit, Iād be rich
Thank you⦠one idea. In the responsive view there are presets for screen size, but there is no numeric value to show the actual px width. It would be helpful to have a number show when you drag the width bar. We use 375px width as a standard - but can not really tell since the mobile preset it 320px? Thanks again.
Hi @nick.carroll - Quick question. Under the conditionals you have allowed us to change margins. How soon will you be releasing other options in the layout tab? Specifically how soon will you let us change min/max height and width. So for instance I can go into conditionals and add for example when current page width is less than 768 min width equals 300 for instance. Assuming this is coming soon what is the easiest snippet of code workaround in the meantime? If anyone else like @rico.trevisan@sudsy@jacobgershkovich@mariel.vargas has a work around snippet would love to know it. Thanks so much in advance!
Thanks @nick.carroll . Not always do we add item by copy-paste, isnāt it? My most frequent way of adding an element is clicking on the āelementsā pane on the left and then clicking/drawing it on the canvas in the group/page I want. Now for me to do that there should be some empty space in the page. If the page is already full with groups, then I canāt do this. When I click on canvas, Iād end up clicking some group instead of the page.
And increasing/decreasing min. height from the ālayoutā is not the most comfortable one. There is no snapping grids or gridlines to guide. There is a lot of experiment on keep changing the numeric value etc.
Also I couldnāt find a documentation on what min. height means. Does it mean that it will add a scrollbar if content is more? Does it mean that if some content is invisible, then it will leave a blank gap at the bottom? Clicking on āSee referenceā in editor takes to Responsive Engine Betaās root page.
Could you please also comment on āGroup B is not a possible optionā error that I am getting?
Issue: material design icons are randomly taking on 0 height.
To reproduce, it seems to happen when the parent group is resizes or alignment is changed.
Issue: When grouping items, everything becomes āfixed widthā despite having another setting prior.