Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Table guide-data-header breaking in phone width

Avatar

Avatar
Validate 10
Level 3
Christopher_Pa4
Level 3

Likes

16 likes

Total Posts

54 posts

Correct Reply

4 solutions
Top badges earned
Validate 10
Validate 1
Ignite 5
Ignite 3
Ignite 1
View profile

Avatar
Validate 10
Level 3
Christopher_Pa4
Level 3

Likes

16 likes

Total Posts

54 posts

Correct Reply

4 solutions
Top badges earned
Validate 10
Validate 1
Ignite 5
Ignite 3
Ignite 1
View profile
Christopher_Pa4
Level 3

18-10-2019

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!

1845142_pastedImage_0.png1845821_pastedImage_1.png

Accepted Solutions (0)

Answers (3)

Answers (3)

Avatar

Avatar
Validate 10
Level 3
Christopher_Pa4
Level 3

Likes

16 likes

Total Posts

54 posts

Correct Reply

4 solutions
Top badges earned
Validate 10
Validate 1
Ignite 5
Ignite 3
Ignite 1
View profile

Avatar
Validate 10
Level 3
Christopher_Pa4
Level 3

Likes

16 likes

Total Posts

54 posts

Correct Reply

4 solutions
Top badges earned
Validate 10
Validate 1
Ignite 5
Ignite 3
Ignite 1
View profile
Christopher_Pa4
Level 3

28-10-2019

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. 

Avatar

Avatar
Springboard
Level 10
Mayank_Gandhi
Level 10

Likes

327 likes

Total Posts

1,150 posts

Correct Reply

185 solutions
Top badges earned
Springboard
Establish
Validate 1
Contributor 2
Ignite 5
View profile

Avatar
Springboard
Level 10
Mayank_Gandhi
Level 10

Likes

327 likes

Total Posts

1,150 posts

Correct Reply

185 solutions
Top badges earned
Springboard
Establish
Validate 1
Contributor 2
Ignite 5
View profile
Mayank_Gandhi
Level 10

25-10-2019

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,

Avatar

Avatar
Validate 10
Level 3
Christopher_Pa4
Level 3

Likes

16 likes

Total Posts

54 posts

Correct Reply

4 solutions
Top badges earned
Validate 10
Validate 1
Ignite 5
Ignite 3
Ignite 1
View profile

Avatar
Validate 10
Level 3
Christopher_Pa4
Level 3

Likes

16 likes

Total Posts

54 posts

Correct Reply

4 solutions
Top badges earned
Validate 10
Validate 1
Ignite 5
Ignite 3
Ignite 1
View profile
Christopher_Pa4
Level 3

25-10-2019

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