*** SOLVED *** Text problem

[Sper]

I put text in the LayoutGrid and got an error that doesn't exist in V16:

1. The text is not displayed in columns in the editor, although I have included it in the text settings.
I don't know the reason?

2. Below the text there is an empty space that is even bigger at 320px wide. By inspecting the html, I found that it set a fixed height for the frame containing the text. I tried it on Edge and Firefox. Everything looks OK in the editor.

How it looks on 320px in browser: https://mega.nz/file/eNgV2bIL#udDdYySPa ... yYQ1mK8MX4

[Pablo]

1. Columns are not rendered in the workspace but they should display in the browser.
2. I cannot see what you have done based on the image, but maybe you have set a fixed size?

If you need further assistance then please share a DEMO projetc (not the full project!) and describe the exact steps to reproduce the issue.
See the forum rules for more details.

[Sper]

1. Columns are not rendered in the workspace but they should display in the browser.
2. I cannot see what you have done based on the image, but maybe you have set a fixed size?

If you need further assistance then please share a DEMO projetc (not the full project!) and describe the exact steps to reproduce the issue.
See the forum rules for more details.

I'm not a beginner. I tried the same in V16 and VB21. In V16 I have no problem with the height of the "div" frame containing the text. Here is the test design https://mega.nz/file/SEYnCIib#0w_1R1NJA ... kp1CUZ0KAU .

In V16, the display of text columns in the editor works. It's just a little annoying when you go to edit and move everything to one column.

[Pablo]

To display columns in the user interface, you will have to uncheck the option 'Enable Direct2d rich text rendering' in Tools -> Options -> User interface.
This works the same as in V16

The reason why the height is included is because the 'overflow' property is set to 'auto', you will need to set it to 'none'.
Note that this is also not a new feature it has been working like this for a long time.

[Sper]

OK now it works. But there is still a persistent problem with responsive text in all versions.

If I want to have text in multiple columns where I want to specify a different style (h1 ... h7) within the text. I can't do that unless I manually define an additional css style for multiple columns for the text in the header of the website:

<style>
.style_2_col {
background-color: transparent;
column-count: 2 !important;
column-gap: 20px;
text-decoration: none;
}
@media only screen and (max-width: 1199px) {
.style_2_col {
background-color: transparent;
column-count: 1 !important;
column-gap: 0px;
text-decoration: none;
}</style>

In the class properties of the text I put: style_2_col.

And then I have no problem with the styles h1..h7 in the text. So it's not impossible in html, but the editor doesn't allow that possibility? Can this be fixed so that text in multiple columns works on desktop and some other number of columns on a narrower screen without "Enable responsive fonts" enabled? At least it seems to me that it should be done that way.

What is the meaning of this change?

It's stupid that I have to break the text into a mass of separate parts that later can no longer go automatically into multiple columns. Isn't it? It still makes sense for h1 and possibly h2. But for the rest of the subtitles, it no longer makes sense. They can and must be in text columns.

Let's say if I get a text from someone. I separate the title into a separate block (h1) and the rest of the text into text with columns, and there I define the other h.. styles in the subheadings. I can't do that now without adding special CSS. This is an extra waste of time that can be skipped with a small program change.

[Pablo]

column-count is applied to the container (div), not of the text itself (span). So it cannot be applied to individually characters.

The editor used by WWB (= standard Windows rich text component) does not support columns on styles.

In my opinion, it is better to use a separate heading object for headings.

[Sper]

This is an example of html (https://regulator-rectifier.sper.hr/rep ... sh847.html) where I use h1 style separately for the title and h2 style inside the columns.

This is impossible to do in WWB without additional CSS although it seems like it should be done without additional CSS because it is displayed that way in the editor, but it still does not change the number of columns to one when switching to a smaller window width (in the html output).

[Pablo]

it is displayed that way in the editor

As mentioned, this will not be possible

I suggest to use a separate heading object.