Tab widget: in explorer current tab disappears

  • Profile Image
    campussurvival
    Asked on March 08, 2018 at 08:10 AM

    I have for tab widget in my form. In Explorer sometimes the current tab disappears. I have attached a screenshot to illustrate.

  • Profile Image
    Victoria_K
    Answered on March 08, 2018 at 09:34 AM

    Upon checking the information you provided, I was able to reproduce the issue on IE 11 with your form's direct URL. 

    1520519419screenshot.png

    This thread will be escalated to our developers for closer checking. 

    We will keep you posted with updates on this issue.

  • Profile Image
    Victoria_K
    Answered on April 30, 2018 at 06:28 AM

    Hello,

    Please inject the following css code into custom css section of your Form Tabs widget:

    .tabs-list.default li {

    background: #caebba !important;

    border-top: 1px solid #caebba !important;

    color: #000000 !important;

    }

    .form-all .tabs-list.default li.current {

    background: #469f1b !important;

    border-top: 1px solid #469f1b !important;

    color: #ffffff !important;

    }

    .form-all .tabs-list.default .liAfter, .form-all .tabs-list.default .liBefore {

    border-bottom: 28px solid #caebba !important;

    }

    .form-all .tabs-list.default li.current .liAfter, .form-all .tabs-list.default li.current .liBefore {

    border-bottom: 28px solid #469f1b !important;

    }

    The code you've used was causing the issue. 

    Related guide: How-to-Inject-CSS-Codes-to-Widgets

    Please let us know if you need more help.

    Thank you.