I’ve added multiple expandable text boxes to my website using this Corvid tutorial . Now I want to create two columns, each of which has expandable text boxes.
The problem is that the first column has just a single line in the short-text while the second column has multiple lines in the short-text. This causes the spacing to be uneven in the first column. This screenshot illustrates what I mean:
There’s some extra white-space between ‘Life is Neutral’ and ‘Modeling Mental Qualities’ (due to the extra line in the ‘The Microstructure of Experience’ line in the second column). I’d like to get rid of this white space. Is there a way to do it?
I tried using Strips to create Columns, but I couldn’t find a way to get that to work. That seemed to only exacerbate the problem by creating more white space.
Thanks. I tried this, but the problem is that then there’s a lot of white space between the short text of each expandable text. For example, when I add the box to the left column, it looks like this:
Does putting the elements in a box just mean having them within the spatial boundaries of the box? If so, then all of the column elements are inside the box. The problem seems to be that the box itself counts as an element, which makes it so that when the expandable text collapses, it doesn’t bring the next expandable text further up the page (since there’s already the box itself occupying that space).
When I expand the text, it all lines up perfectly. But when I collapse it, the ‘Modeling Mental Qualities’ text doesn’t move up the page, because the box itself is occupying the space where the abstract is displayed.
@andrewyuanlee “putting the elements in a box” means to have them inside the box as children elements. To make sure you attached them correctly try to move the box and see if all the elements inside move together.
@jonatandor35 Sorry, I have one more question. There’s a large amount of white space at the bottom of my page when my site loads. Basically, the footer of the page isn’t moving back up when the expandable text is collapsed. I’ve searched for prior discussions of this problem, but none of the solutions that have been suggested (e.g., snapping the footer to the last element of the page) seem to fix this problem. Do you have any idea what the issue might be? I’m wondering if this might be because of the new box element that I’ve added to my site.
@andrewyuanlee to avoid that, the initial text (placeholder) you put in the textbox should be short, the full text should be assigned to the textbox either by code or by connecting it to the dataset.
@andrewyuanlee if you work with static text (not from the database) you should make some changes in order to get rid of the blank space. i.e. instead of typing the full text directly to the textbox, you should assign it to it by code.
fullText = $w(“#myTextElement”).text;
You shoud use:
fullText = “full text text text text text text text text text text text text”;
