Hey,
I have a Dynamic Collapse with a list of links(Vertical). The problem is that the links do not show as a vertical list. Depending on the length of the link title, one is on the side of the other. How can make that, no matter what, they stay one under another?
Step1
Step2
Step3
Step4
Step5
Cheers
depending on your layout you could style the to width 100% then they would all fill the entire horizontal area
I did the width thing, but still not changing
what element did you put the width on? what’s the structure on the elements?
Directly on the link element
what is the structure does the parents have set widths etc
I am not sure what you mean with the structure. Where I can chek it?
you said it was in a collapse does this have a width or is there more elements before the links?
You could if you want all links to be 100% put each link in a container then set the containers width to 100%
This is one way to do it there may be better ways etc attaching a screenshot
You are the boss!!! Works perfectly!
Another fast question.
In a SPA the view:content has white space on top. I can no find how to delete it.
Any idea?
Are you using bootstrap? Looks like you have some messed up structure?
Yes, it is bootstrap. I think is the same, but I can not finde where is the problem.
if you are sure its that element and not one above it like the header you should be able to select the view and add a margin-top: 0px or padding-top: 0px to the view.
First id advise clicking through your elements to make sure nothing has a margin set to the bottom pushing the content down if you aren’t sure its the view container
First off you are using the spa method you shouldn’t see your layout and content in the same view in Wappler.
Hard to tell exactly what is wrong by your screenshot. But seeing nothing with padding and margins of bootstrap you definitely have something wrong in your structure.
I’m trying to do this phone so it’s hard to tell exactly. But remember the structure of a bootstrap page is container-row-column.
It looks like you have rows or columns in the wrong order or possibly missing the container as well.
I understand and make sense. Checking some bootstrap templates, they do not use container-row-column in the sidebars, etc.
Tried and nothing.
Can I put the code or something that you can check it?
True! I do not know why is happening
doesn't it load the index page when app connect mode is on mine also does this when I have app connect mode on in my layout page?
Yes it would. It has to. The side bar is likely a column within a row within a container.
Viewing your index page in a spa setup should only show you the index layout without the page contents.
