Sub labels are shown without checked

  • Malin_hello
    Asked on September 6, 2019 at 3:43 AM

    Hello Jotform,

    The sub labels/options are partially shown. I want them to be hidden and show up after you check the checkbox.

    1567755293Ska%CC%88rmavbild%202019 09 06 Screenshot 101567755342Skärmavbild 2019 09 06 kl Screenshot 21

    Is it also possible to align the products better? Now it look kind of messy.


    1567755765Skärmavbild 2019 09 06 kl Screenshot 32 


    Thank you!


    Best regards,

    Malin

  • Kiran Support Team Lead
    Replied on September 6, 2019 at 7:24 AM

    The sub labels/options are partially shown. I want them to be hidden and show up after you check the checkbox.

    This is happening due to the height of the image being displayed for the products. Since the feature works using Javascript, unfortunately, it is not possible to inject custom JS codes to the form. Let me see if we can achieve it by using only CSS. If there is any news in this regard, we'll let you know here.

    Is it also possible to align the products better? Now it look kind of messy.

    Since the single product columns are required to be matched with the height of sub-product columns. You may try injecting the following CSS code to the form to display the products aligned to columns.

    .form-product-item.hover-product-item {

        height: 160px;

    }

    Thanks!