HTML formatting question

[crisg0112]

Hi,

On a HTML cell, I have the following

<div style="text-align:center">
<a href="#">User Action1</a>
<a href="#">User Action2</a>
</div>

I am expecting it to be displayed in the center of the form but they don't.

Is my html code correct?

[BenHayat]

Hi,

On a HTML cell, I have the following

<div style="text-align:center">
<a href="#">User Action1</a>
<a href="#">User Action2</a>
</div>

I am expecting it to be displayed in the center of the form but they don't.

Is my html code correct?

I have tried many different ways, but it seems like Aware's system overwrites the center alignment and it becomes left justified.

[crisg0112]

Hi,

On a HTML cell, I have the following

<div style="text-align:center">
<a href="#">User Action1</a>
<a href="#">User Action2</a>
</div>

I am expecting it to be displayed in the center of the form but they don't.

Is my html code correct?

I have tried many different ways, but it seems like Aware's system overwrites the center alignment and it becomes left justified.

Hi Ben,

thanks. Happy that's its not me :p

Support, can you verify if this is how it should work? And why can't we use our own alignment if its an HTML cell anyway?

[rob_h7]

Stick a width on it & it'll work

Code: Select all

<div style="text-align:center;width:900px;">
<a href="#">User Action1</a>
<a href="#">User Action2</a>
</div>

It's something to do with the new responsive forms, you have to define a width in a div in pixels (percent doesnt work).

If you find a way of getting div wdith=% then let me know as I haven't cracked it yet.

[crisg0112]

Stick a width on it & it'll work

Code: Select all

<div style="text-align:center;width:900px;">
<a href="#">User Action1</a>
<a href="#">User Action2</a>
</div>

It's something to do with the new responsive forms, you have to define a width in a div in pixels (percent doesnt work).

If you find a way of getting div wdith=% then let me know as I haven't cracked it yet.

Thanks Rob, that works!

[RafaMD]

The problem is that the parent div of html cell has no specific width.

I solved overwritting the default settings whith this class:

Code: Select all

.x-autocontainer-form-item, .x-anchor-form-item, .x-vbox-form-item, .x-table-form-item {	width:100%}

Put this code in a css file and call it from startup.html

[crisg0112]

The problem is that the parent div of html cell has no specific width.

I solved overwritting the default settings whith this class:

Code: Select all

.x-autocontainer-form-item, .x-anchor-form-item, .x-vbox-form-item, .x-table-form-item {	width:100%}

Put this code in a css file and call it from startup.html

Thanks Rafa, will give that a try as well!