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

crisg0112 wrote
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

BenHayat wrote
crisg0112 wrote
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

<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

rob_h7 wrote
Stick a width on it & it'll work
<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:

.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

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

I solved overwritting the default settings whith this class:
.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!