Sub labels are shown without checked

  • Profile Image
    Malin_hello
    Asked on September 06, 2019 at 03: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-061567755342Skärmavbild 2019-09-06 kl. 0

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


    1567755765Skärmavbild 2019-09-06 kl. 0 


    Thank you!


    Best regards,

    Malin

  • Profile Image
    Kiran
    Answered on September 06, 2019 at 07: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!