Padding property behaves differently on iPad

[DaveLevick]

Background
I have 2 single row tables one above the other.
The first table uses cell padding, the second table doesn't.
I want the cells to line up exactly, so I've calculated and set the widths/padding carefully in each table.

Problem
When I run the report on my desktop, I get perfect alignment.
However, when I send the same report to my iPad the cells do not align.

Anyone know what's going on here? I have attached a simple report with no data connections to demonstrate this problem.

Please don't suggest that I use a single table - this is a simplified explanation of a much more complex layout I'm trying to achieve.

Thanks in advance.

Code Select Expand


<report xmlns="http://developer.cognos.com/schemas/report/11.0/" useStyleVersion="10" expressionLocale="en-au" application="true">
<modelPath>/content/folder[@name='Packages']/package[@name='Executive Report']/model[@name='model']</modelPath>
<drillBehavior modelBasedDrillThru="true"/>
<layouts>
<layout>
<defaultDataFormats>
<currencyFormat sign="-"/>
</defaultDataFormats>
<reportPages>
<page name="Page1">
<style>
<defaultStyles>
<defaultStyle refStyle="pg"/>
</defaultStyles>
</style>
<pageBody>
<style>
<defaultStyles>
<defaultStyle refStyle="pb"/>
</defaultStyles>
</style>
<contents><block>
<contents><table><style><defaultStyles><defaultStyle refStyle="tb"/></defaultStyles><CSS value="border-collapse:collapse"/></style><tableRows><tableRow><tableCells><tableCell><contents><textItem><dataSource><staticValue>A</staticValue></dataSource><style><CSS value="font-family:Arial;font-size:10pt;font-weight:bold"/></style></textItem></contents><style><CSS value="padding:2px 5px 2px 5px;width:60px;text-align:center;background-color:yellow"/></style></tableCell><tableCell><contents><textItem><dataSource><staticValue>A</staticValue></dataSource><style><CSS value="font-family:Arial;font-size:10pt;font-weight:bold"/></style></textItem></contents><style><CSS value="padding:2px 5px 2px 5px;width:150px;text-align:center;background-color:aqua"/></style></tableCell><tableCell><contents><textItem><dataSource><staticValue>A</staticValue></dataSource><style><CSS value="font-family:Arial;font-size:10pt;font-weight:bold"/></style></textItem></contents><style><CSS value="padding:2px 5px 2px 5px;width:50px;background-color:yellow;text-align:center"/></style></tableCell><tableCell><contents><textItem><dataSource><staticValue>A</staticValue></dataSource><style><CSS value="font-family:Arial;font-size:10pt;font-weight:bold"/></style></textItem></contents><style><CSS value="padding:2px 5px 2px 5px;width:60px;background-color:aqua;text-align:center"/></style></tableCell><tableCell><contents><textItem><dataSource><staticValue>A</staticValue></dataSource><style><CSS value="font-family:Arial;font-size:10pt;font-weight:bold"/></style></textItem></contents><style><CSS value="padding-top:2px;padding-bottom:2px;width:85px;background-color:yellow;text-align:center"/></style></tableCell><tableCell><contents><textItem><dataSource><staticValue>Padding</staticValue></dataSource><style><CSS value="font-family:Arial;font-size:10pt;font-weight:bold"/></style></textItem></contents><style><CSS value="padding-top:2px;padding-bottom:2px;width:87px;text-align:center;background-color:#9BA548"/></style></tableCell></tableCells></tableRow></tableRows></table><table><style><defaultStyles><defaultStyle refStyle="tb"/></defaultStyles><CSS value="border-collapse:collapse"/></style><tableRows><tableRow><tableCells><tableCell><contents><textItem><dataSource><staticValue>A</staticValue></dataSource><style><CSS value="font-weight:bold"/></style></textItem></contents><style><CSS value="padding-top:2px;padding-bottom:2px;width:70px;text-align:center;background-color:yellow"/></style></tableCell><tableCell><contents><textItem><dataSource><staticValue>A</staticValue></dataSource><style><CSS value="font-weight:bold"/></style></textItem></contents><style><CSS value="padding-top:2px;padding-bottom:2px;width:160px;text-align:center;background-color:aqua"/></style></tableCell><tableCell><contents><textItem><dataSource><staticValue>A</staticValue></dataSource><style><CSS value="font-weight:bold"/></style></textItem></contents><style><CSS value="padding-top:2px;padding-bottom:2px;width:60px;background-color:yellow;text-align:center"/></style></tableCell><tableCell><contents><textItem><dataSource><staticValue>A</staticValue></dataSource><style><CSS value="font-weight:bold"/></style></textItem></contents><style><CSS value="padding-top:2px;padding-bottom:2px;width:70px;background-color:aqua;text-align:center"/></style></tableCell><tableCell><contents><textItem><dataSource><staticValue>A</staticValue></dataSource><style><CSS value="font-weight:bold"/></style></textItem></contents><style><CSS value="padding-top:2px;padding-bottom:2px;width:85px;background-color:yellow;text-align:center"/></style></tableCell><tableCell><contents><textItem><dataSource><staticValue>NO padding</staticValue></dataSource><style><CSS value="font-weight:bold"/></style></textItem></contents><style><CSS value="padding-top:2px;padding-bottom:2px;width:87px;text-align:center;background-color:#9BA548"/></style></tableCell></tableCells></tableRow></tableRows></table></contents>
</block></contents>
</pageBody>
</page>
</reportPages>
</layout>
</layouts>
<XMLAttributes><XMLAttribute name="RS_CreateExtendedDataItems" value="true" output="no"/><XMLAttribute name="listSeparator" value="," output="no"/><XMLAttribute name="RS_modelModificationTime" value="2014-09-18T09:40:21.418Z" output="no"/></XMLAttributes><reportName>Test</reportName></report>


[ToriBurns]

Padding is not working on ipad.

Here is the link of unsupported features:
http://www-01.ibm.com/support/knowledgecenter/SSMR4U_10.1.0/com.ibm.swg.ba.cognos.ug_cr_rptstd.10.1.0.doc/c_mobile_unsupport.html%23mobile_unsupport

Try using a table or block with specific width or height.

Cheers!
Tori

[DaveLevick]

Thanks Tori.

[ToriBurns]

You're welcome. :)