https://linen.dev logo
Powered by
# haxe-ui
  • b
    is there a way to limit the width of a continuous hbox to only three cards?
  • b
    you could limit the width of the cards so they would never be more than 3 on a line
  • b
    but maybe grid would be a better fit
  • b
    either way, the code doesnt change
  • b
    And if the cards did not have identical height, what would be the best way to make them line up as close to each other as possible?
  • b
  • b
    i guess give them a fixed height?
  • b
    my old Bootstrap implementation of this project used a row div with three column divs inside it allowing the cards to line up nicely.
  • b
    if you didnt want to give them a fixed height it shouldnt matter, grid will line up the rows
  • b
    They had a fixed width, but not a fixed height, so on one column I might have three cards taking up the same space as two cards vertically
  • b
    Essentially based on the length of the item description
  • b
    if you mean like row spanning, or column spanning then there isnt anything like that as a default container
  • b
    basically trying to avoid this empty space here
  • b
    sounds like you are more after a continous vbox (which doesnt exist)
  • b
    then again I'm not sure how I could compute the height of each card to line them up in a manner that maintained a somewhat uniform height for the entire grid
  • b
    I guess something like this, but with random heights http://haxeui.org/builder/?nzodip
  • b
    or I could probably just put the card content in a scrollview, standardize the card size and call it good enough.
  • b
    use an 80% width continuous hbox and hope nobody loads the site on an ultrawide.
  • b
    unless maybe I could programmatically modify the grid columns based on the display width?
  • b
    yeah, you could do that
  • b
    that's probably a better option, I'd have to hook into something to monitor the display width.... unless the continuous hbox would move the vbox down to the next line if it didn't fit? which would then allow me to limit the columns just by having three vboxes in the hbox?
  • b
    > I'd have to hook into something to monitor the display width you could make a container 100% and then hook into the resize event > unless the continuous hbox would move the vbox down to the next line if it didn't fit? if im understanding correctly - i think it would, yeah
  • b
    I'm not finding a good way to test this in the builder.
  • b
    my preference (as a user) would be for the app to display as many columns as is sensible for my monitor - so i guess changing the column count based on screen size would be how i would do it
  • b
    yeah, you cant do everything in the builder - its just there for little tests etc
  • b
    Agreed, but I only have about 10 cards total right now, so showing 10 columns on an ultrawide does not make much sense.
  • b
    i guess some type of sensible min / max... "display as many as possible, but not too many, just the right amount"... the goldilocks algorithm 😄
  • b
    Which is easy enough to do by hardcoding a max. the old Bootstrap version had two columns, but it also wasn't capable of generating the cards from a json file.
  • b
    the continuous hbox with vboxes sounds best.
  • b
    here we go, this is exactly what I was looking for http://haxeui.org/builder/?sgqfvk
1...951952953...1687Latest