Hi,

I have created a webform and in that webform i have created a table using likert field and i need to have sticky table head. I am not able to find how to make table head as sticky.
As per my understanding the sticky feature has been removed by default from webform in drupal 8. So what is the procedure to add of required.

CommentFileSizeAuthor
#7 2988199-8.patch4.5 KBjrockowitz
#6 Screenshot from 2018-07-26 12-52-37.png562.49 KBabhay.agarwal
#2 2988199-2.patch2.93 KBjrockowitz

Comments

abhay.agarwal created an issue. See original summary.

jrockowitz’s picture

jrockowitz commented
Status: Active » Needs review
StatusFileSize
new 2988199-2.patch2.93 KB

The attached patch adds this feature.

  • jrockowitz committed 0c567d2 on 8.x-5.x 
    Issue #2988199 by jrockowitz: Adding sticky to table header
jrockowitz’s picture

jrockowitz commented
Status: Needs review » Fixed

I committed the patch. Please download the latest dev release to review.

jrockowitz’s picture

jrockowitz commented

@abhay.agarwal Thanks for catching that mistake/missing UX tweak.

abhay.agarwal’s picture

abhay.agarwal commented
StatusFileSize
new Screenshot from 2018-07-26 12-52-37.png562.49 KB

Hi jrockowitz,

I have tried that but its not working as per my requirement (there is no sticky header).
Here is the screenshot of the head of my table.

jrockowitz’s picture

jrockowitz commented
Status: Fixed » Needs review
StatusFileSize
new 2988199-8.patch4.5 KB

Screenshot always help.

The attached patch adds sticky header support for likert elements.

  • jrockowitz committed 473529e on 8.x-5.x 
    Issue #2988199 by jrockowitz, abhay.agarwal: Adding sticky to table...
jrockowitz’s picture

jrockowitz commented
Status: Needs review » Fixed

I committed the patch. Please download the latest dev release to review.

abhay.agarwal’s picture

abhay.agarwal commented

Hi jrockowitz,

Its working fine now. Thanks for the quick response.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

andileco’s picture

andileco commented

Leaving some documentation here:

https://git.drupalcode.org/project/webform/-/commit/473529efe72d6f7b2442... makes it so that if you have the "sticky" option enabled, your element is hidden on mobile and cannot be filled.

I needed to disable sticky to make these elements visible on mobile.

liam morland’s picture

liam morland
Primary language English
Location Ontario, CA 🇨🇦
commented
Version: 8.x-5.0-rc15 » 8.x-5.x-dev

Issue opened for the problem mentioned in #12: #3574563: Likert components with sticky headers are hidden on narrow screens.