[Publio Decio]

Hello everyone, I’m a novice of the program, I would probably simple to solve this problem but it is making me go a bit ‘of sleepless nights.
I come to the point:

I designed the following form

view example A

Dynamically load an xml from a site as an example

<albodoro>
<titolo>
<anno>1935-1936</anno>
<item>Misto Prima e Seconda Categoria</item>
<urlimg>http://www.ladominante.it/app/monza.png</urlimg&gt;
</titolo>
<titolo>
<anno>1936-1937</anno>
<item>Prima Categoria</item>
<urlimg>http://www.ladominante.it/app/monza.png</urlimg&gt;
</titolo>
<titolo>
….. omissis ….

By executing the program have the following result:

view example B

Where the top of the 2 texts is wrong, customizing the CSS as follows:

#m1-titles-textanno{
top:4px;
}

#m1-titles-texttitolo{
top:26px;
position:absolute;
}

#m1-tiles-imgtitles{
position:absolute;
top:11px;
left:4px;
}

I have the result:

view example C

In the first case is corrected the image and not the text in the second position of the image is incorrect and texts are ok

The row in js is the following

‘<div id=”m1-titles-textanno” class=”m1-titles-textanno”>’ + xmltitoli.anno + ‘</div>’ +
‘<div id=”m1-titles-texttitolo” class=”m1-titles-texttitolo”>’ + xmltitoli.item +'</div>’ +
‘<img id=”m1-titles-imgtitles” class=”m1-tiles-imgtitles” src=”‘+ xmltitoli.urlimg+'” />’ +

What to me is getting out, thanks to those who can ‘help?

Alessandro (Italy)

Attachments:

You must be logged in to view attached files.

[support-michael]

@Publio

Looking at this now. Will follow up as soon as I know something.

[Publio Decio]

@wayne
i’m following up on the previus post to know if you have any news

thank you very much for your help

[support-michael]

@Publio

Still on my todo list. My 1st thought is that your text content is overflowing the space you allocated for it in the Visual Designer. Try expanding the width of the 2 text widgets in a row such that it extends to the far right of the row.

[Publio Decio]

I tried to make a new list, a new form, but the problem still exists, I attach a file that could help to solve.
Thanks for the help

Attachments:

You must be logged in to view attached files.

[support-michael]

@Publio

I looked at this design file. See my screenshot below. The problem is your list-item contains 2 overlapping multiline text widgets. The content of textanno will wrap and overlap the content of textitolo. Textitolo field text will wrap and overflow the list-item’s bottom edge. Please relayout your list-item and manage the length of text strings so that it will fit the layout correctly. If you have text that overflows a field it can be smartly truncated with css

See attachment overlapping-text.png

Attachments:

You must be logged in to view attached files.

[Publio Decio]

@wayne

the size of text fields was one of many tests, I tried again but nothing changed also by changing the css. I observed with the DOM utility that only the top image is negative or not I call it in css that define it. You can ‘be helpful to understand the problem? The text position are perfect. After i created a new form with 3 text even there the first two are perfect not the others. Thanks for your help and patience

Publio Decio

[Author]

Posts