Question
RABO BANK
NL
Last activity: 8 Jan 2016 5:02 EST
HTML data alignment
Hi All,
Hope your weekend was nice.
Please help me on the below issue.
In a Section am creating a table and inserting data in the same table as follows...
--------------------------------------------------------------------------------------------------------------------------------------
<p>
<table>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
<pega:forEach name="xxx.pxResults">
<tr>
<td><pega:reference name="$THIS.A" mode="normal"></pega:reference></td>
<td><pega:reference name="$THIS.B" mode="normal"></pega:reference></td>
<td><pega:reference name="$THIS.C" mode="normal"></pega:reference></td>
</tr>
</pega:forEach>
</table>
</p>
-------------------------------------------------------------------------------------------------------------------------------------------------
So my requirement is , the data in the table should be "Top-Left" , please suggest syntax for alignment and where should place the syntax.
Thanks
Suresh Chella
-
Like (0)
-
Share this page Facebook Twitter LinkedIn Email Copying... Copied!
JPMC
IN
Hi Suresh,
First question is are you having non autogenerated section? If so why?
Seconds point is if its non auto-generated section its just an HTML and you can apply HTML styling for your need as style="text-align:left;vertical-align:top;"
Else if its an auto generated section, you can create a class in skin and use that in the section layout...
RABO BANK
NL
Thanks for the reply Ashish.
Its a non-auto generated file, used same style but its not reflecting
Thanks
Suresh
Updated: 21 Dec 2015 4:19 EST
JPMC
IN
Where did you apply that i.e. in Table level or TR or TD level.
Make it at TR or TD level and it should work..
Regards,
Ashish
RABO BANK
NL
Tried like this
<td align="left" valign="top">
JPMC
IN
Please use style="text-align:left;vertical-align:top;"
RABO BANK
NL
Tried but its not working
JPMC
IN
Hi suresh,
what is your PRPC version? I feel its just an HTML code and nothing to do with PRPC..
Anyway may i know the exact code used and what is the behavior. (screenshot)..
for example: i have a code as
<table >
<tr style="text-align:left;vertical-align:top;">
<th width=100px; height=100px; style="border:1px solid red;">A</th>
<th>B</th>
<th>C</th>
</tr>
</table >
and the preview of the section looks good.
RABO BANK
NL
HI Ashish
I cloud see if try this but unable to see the alignment changes when i get results from Pagelist and put them in HTML.(refer my original approach)
Can you try that and see once, by the way am using PRPC 7.1.6
JPMC
IN
Hi Suresh,
I tried again on PRPC 716 with following code to read from clipboard and it works fine for me
<table >
<tr style="text-align:left;vertical-align:top;">
<td width=200px; height=100px; style="border:1px solid red;"><pega:reference name="OperatorID.pyUserIdentifier" mode="normal"></pega:reference></td>
<td>C</td>
</tr>
</table >
RABO BANK
NL
Have tried same, but no luck
JPMC
IN
Hey Suresh,
What is your browser and its version?
RABO BANK
NL
IE 11
JPMC
IN
Hi Suresh,
I just tested on IE11 and for me its working even there âº
Few things to try next :
1) Use the style as style="text-align:left !important;vertical-align:top !important;"
2) Try to inspect that TD and TR through IE debugger and see what is the style applied in runtime, what is overwritting…
Regards,
Ashish
RABO BANK
NL
USed in <TD>, its working now, thank you