Table guide-data-header breaking in phone width | Community
Skip to main content
Level 4
Oct 18, 2019 9:18 PM UTC
Question

Table guide-data-header breaking in phone width

Hi!

We have an AEM 6.4.1 form with repeating panels that have a table in them.

They look fine when larger than 760px width, but the headers disappear after the first table in smaller than 760 (phone).

Issue seems to be that in subsequent tables, the guide-data-header is empty.

In the first table of the phone width, the header cells have the following code:

<td rowspan="1" colspan="1" id="GUID1571429533720__guideContainer-rootPanel-instruction-pnPrivate-sectPrivate1-table-Row1-headerItem1564666229016___guide-item" headers="guideContainer-rootPanel-instruction-pnPrivate-sectPrivate1-table-HeaderRow-headerItem1564666228735___guide-item" data-guide-parent-id="GUID1571429533720__guideContainer-rootPanel-instruction-pnPrivate-sectPrivate1-table-Row1__" class="active" guide-data-header="Start Date">

The ::before code (that displays the header text) has the CSS of:

@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px)

.headersLeft.nonIETable td:before {

  1. content: attr(guide-data-header); }

The subsequent tables have the following code - note the guide-data-header value is empty:

<td rowspan="1" colspan="1" id="GUID1571429533721__guideContainer-rootPanel-instruction-pnPrivate-sectPrivate1-table-Row1-headerItem1564666229016___guide-item" headers="guideContainer-rootPanel-instruction-pnPrivate-sectPrivate1-table-HeaderRow-headerItem1564666228735___guide-item" data-guide-parent-id="GUID1571429533721__guideContainer-rootPanel-instruction-pnPrivate-sectPrivate1-table-Row1__" class="active" guide-data-header="">
           

Any idea why this would be? Thanks!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

3 replies

baronforoAuthor
Level 4
Oct 28, 2019 2:09 PM UTC

Opened ticket https://daycare.day.com/content/home/nepinus/nepinus_us/customer_services/196330.html#post0004  with Adobe DayCare. We don't have access to Package Share, but I have tested with default components on a default blank template that automatically uses Canvas theme. 

Translate
Mayank_Gandhi
Employee
Oct 25, 2019 6:24 PM UTC

Hi Chris,

Are you referencing any default theme? By any chance can you share the sample form package with me? You can inbox the shared package link in the message,

Translate
baronforoAuthor
Level 4
Oct 25, 2019 2:21 PM UTC

No answers here, seems to be a system issue. Submitted ticket to Daycare.

Translate