You need to sign in to do that
Don't have an account?
Brooks Johnson 6
order of tables in visual force
I have a Visual Force Page that renders as a PDF. I need to add some text to the first page. It should be below the last </table> tag. But it keeps appearing at the top of the table. I have marked it with comments to show where it is supposed to appear and where it actually shows up on the PDF. Any help with this formatting would be great.
<div style="margin-bottom: 0; padding-bottom: 0"> <p class="smallFont" style="margin-bottom: 0; padding-bottom: 0"> The Program Performance Scorecard is a tool by which you can monitor the overall health of your region’s Influencer list. The factors that contribute to the overall health grade are listed below. Each category is worth 20% of the grade. Your grades are on page 2. This scorecard should be used in conjunction with the internal benchmarks and optimization guidelines to identify areas of opportunity and to inform your influencer program strategy. </p> </div> /-//////////////////////////////////////////////////////////////////////////////-/ /--But instead the text always shows up here --/ /-/////////////////////////////////////////////////////////////////////////////-/ <table width="100%" class="score_table smallFont" cellspacing="0"> <tr width="100%" class="darkBottomBorder smallFont"> <th colspan="2" class="darkBottomBorder smallFont" id="scoringConvention"> Scoring Convention </th> <th align="center" class="darkBottomBorder a_Color "> A</th> <th align="center" class="darkBottomBorder b_Color"> B</th> <th align="center" class="darkBottomBorder c_Color"> C</th> <th align="center" class="darkBottomBorder d_Color"> D</th> <th align="center" class="darkBottomBorder f_Color"> F</th> </tr> <tr width="15%" class="font smallFont"> <td rowspan="8" width="15%" align="left" class="smallFont"> Each is worth 20% of overall grade</td> </tr> <tr class="bottom_border smallFont" width="100%" align="right"> <td align="left" class="shaded bottom_border smallFont">List Growth Last<br/> 90 Days</td> <td align="center" class="bottom_border smallFont smallFont"> ≥ 10 </td> <td align="center" class="shaded bottom_border smallFont smallFont"> ≥ 8</td> <td align="center" class="bottom_border smallFont smallFont"> ≥ 4 </td> <td class="shaded bottom_border smallFont smallFont" align="center"> ≥ 1 </td> <td align="center" class="bottom_border smallFont smallFont"> 0 </td> </tr> <tr class=" smallFont" width="100%" align="right"> <td align="left" class="shaded bottom_border"> Percent Contacted</td> <td align="center" class="bottom_border smallFont"> ≥ 50% </td> <td align="center" class="shaded bottom_border smallFont"> ≥ 35%</td> <td align="center" class="bottom_border smallFont"> ≥ 20% </td> <td class="shaded bottom_border smallFont" align="center"> ≥ 10%</td> <td align="center" class="bottom_border smallFont"> < 10% </td> </tr> <tr class=" smallFont" width="100%" align="right"> <td align="left" class="shaded bottom_border">Open Rate</td> <td align="center" class="bottom_border smallFont"> ≥ 35% </td> <td align="center" class="shaded bottom_border smallFont"> ≥ 25%</td> <td align="center" class="bottom_border smallFont"> ≥ 15% </td> <td class="shaded bottom_border smallFont" align="center"> ≥ 7% </td> <td align="center" class="bottom_border smallFont"> < 7% </td> </tr> <tr class=" smallFont" width="100%" align="right"> <td align="left" class="shaded bottom_border">Click Through Rate</td> <td align="center" class="bottom_border smallFont"> ≥ 20% </td> <td align="center" class="shaded bottom_border smallFont"> ≥ 10%</td> <td align="center" class="bottom_border smallFont"> ≥ 5% </td> <td class="shaded bottom_border smallFont" align="center"> ≥ 2% </td> <td align="center" class="bottom_border smallFont"> < 2% </td> </tr> <tr class=" bottom_border smallFont" width="100%" align="right"> <td align="left" class="shaded bottom_border">Unsubscribe Percentage</td> <td align="center" class="bottom_border smallFont"> < 2%</td> <td align="center" class="shaded bottom_border smallFont"> < 4%</td> <td align="center" class="bottom_border smallFont"> < 6% </td> <td class="shaded bottom_border smallFont" align="center"> < 8% </td> <td align="center" class="bottom_border smallFont"> ≥ 8% </td> </tr> </table> /-///////////////////////////////////////////////-/ /-- The text should start here--/ /-///////////////////////////////////////////////////////////-/ <p> The quick brown fox jumped over the lazy dog. </p> <div style="page-break-after: always"></div>
I added text at the place that you mentioned and it is appearing at the same position as it should .
Could you post whole code of your vf page that will make others understand what problem actually are you facing?
Thanks,
I am sorry it took me so long to get back to you. The entire page is below.
I used the vf code removing the references and still i was able to get the expected output. I think there might be some css properties that are affecting the positioning .
Could you also post the css of $Resource.HealthCheckStyle css file?
you can access it from the static resources in sidebar panel.
Regards,
Dushyant
Here is my CSS file