its just under columns setup, I just used a section of tailwinds sizes as per their website, see below
added a lot more text
I did have all these sizes in but didnāt do that much
can use images, adjust columns different layout
I took out the ability to add a number of columns I can add it back in if you would like that not a problem
this version has more options including css col numbers and widths, not completely finished but works
Hi @upssjw,
just curious. How did you add the images? Like Typography
+ Image
+ Typograhy
?
did you mean this or other videos using float around images
As I said before I just write without thinking, so I need to go back and rewrite everything just waiting until Elements can create a component
or did you mean this one
https://forums.realmacsoftware.com/t/columns-float-light-version/46463
I have added video, and Elements component, gallery works but you have to use flow fix to stop it going across two cols
I just applied padding to the typography the video and image just expand into the column no padding etc applied
the drop zone in columns just drop in what ever and apply layout to each component
Donāt fully understand how it works, but if you think that will help, yes please.
Cheers,
Paul
@paulcruice if you let me know how many columns you need eg 5 but reduce etc for different screen sizes, or if they have to be a certain width say 350px or what ever I will set up a container you can just copy into your page might help you see how it works
Steve, letās say 5 columns is sufficient but I need the ability to vary the width of each column. I have been able to use Danās method of transferring to my file, so container wonāt be necessary.
do you mean 5 columns varying the width of each individual column with a different width or just 5 columns with say 200px widths
Steve,
Sorry for the delay but Iām not a programmer, so had to have a think about how to reply to you. Since I donāt know the limitations/interactions of Tailwind Columns, I have to express things the way I understand them. I hope the meaning gets through to you.
I envisage:
-
An ability to first set the number of columns on a page or in a Container of, say, a smaller size. I donāt need any more than 5 columns. Should be able to set from 1 to 5 columns. Columns to be of equal width. Most of the time I would use 4 columns.
-
Minimum width of a column = 50mm. Max width = one column across the width of the screen.
-
The ability to adjust the gaps between columns. Max gap width probably 20mm.
-
The ability to add a divider between the columns, with thickness and colour adjustment.
-
Ability to add a Border of set thickness and colour, top/bottom/left/right/none
-
The ability to adjust the Padding between the border and the outside of the columns.
-
Ability to set break points for small screens.
-
Ability of text to automatically reflow as these changes are made.
I think I have covered it all. Donāt know if this makes it worse or better for you.
Finally, I have no idea what Flow Fix does nor where it is placed nor how it works.
Cheers.
Hey @paulcruice
Had a spare half hour so though Iād take a crack at making a custom coloumns component for you
Itās not perfect, but it does work, hereās the project, and hereās a video demoing itā¦
Oh, and you can drop multiple components into the columns, although Iāve not tested that much. Have fun!
just beat me to it
@upssjw haha, yours looks much more in-depth than my component ā Nice work
Iām sure @paulcruice will want to use your new version!