Form Tabs Widget isn't showing page name when using Safari

Hey, please check this out.
The form tab widget isn't working properly on any of my forms.

To prove the same, I have added a screenshot of the very demo that you showed

Here is you demo link: please fix the same

https://www.jotform.com/form/203494197790062

Regards

Hello, I understand that your Form Tabs widget is not functioning as expected on your forms, including the demo link you provided: https://www.jotform.com/form/203494197790062.

While we wait for support, you might consider the following options:

Section Collapse Elements: This allows you to organize your form into collapsible sections, enhancing the readability and navigation of the form.

Page Breaks: By dividing your form into multiple pages, you can improve user experience and manage form flow more effectively.

Card Form Layout: This layout presents one question per page, providing a focused and streamlined user experience.

Hey!
I'm still waiting for the form widget to be fixed.
Could you please let me know how long to wait?

Warm Regards

Hi Alethia_Education,

Can you explain more about what's happening? I've checked all your forms, and only your Clone of Activity Tracker has the Form Tabs widget, and it's working properly. Check out my screencast below:

Can you tell us from which from that the Form Tabs widget is not working properly? You can share with us its form URL so we can check it. Let me show you where to find this:

1. In Form Builder, click on Publish on the orange navigation bar at the top of the page.
2. Select Quick Share from the left side window.
3. From Share With Link, click on the Copy Link button.

After we hear back from you, we'll be able to move forward with this.

Hey so the issue seems to be:

When we open the form in SAFARI, Have a look at this:

In Chrome, however:

Could you suggest what we should do?

Hi Alethia_Education,

Can you try to clear your browsers cache?

Keep us updated and let us know if you need any more help. 

https://form.jotform.com/251444560273050

I am seeing similarly on my forms. I created a blank form with only the tabs widget and two pages. The iPad app, Chrome on the iPad, and Safari on the iPad all do not show the page labels. There is no conflicting CSS, especially on this blank form with no other content.

See below the screenshot from first Chrome on iPad, then the Jotform app itself:

Hi Alethia_Education,

The reason why it's not showing is that Safari is a bit stricter about displaying things that don’t have a clearly defined space, unlike other browsers like Chrome. So when the tab titles didn't have any height set in the code, Safari treated the box as if it didn’t exist, which made the text inside disappear. You can easily fix this by injecting CSS Codes into your widget. Let me walk you through it:

1. First, copy this code:

.tabs-list li .liContent {

  min-height: 1.5em;

}

2. In Form Builder, select your Form Tabs widget and click the Wand icon.

3. Now, scroll down to Custom CSS section and paste the code.

4. Then click the Update button to save the changes. That's it.

You can access and test my demo form here. Take a look at the screenshot below to see how my demo form works:Give it a try and let us know how it goes.

I added that css into the widget and it seems to have fixed the problem. Thank you for the clear instructions.

I do consider this to be something your developers should update the source code itself to compensate for whatever iPad display has by default, since users such as myself definitely shouldn’t need to insert custom css in order to see labels on the Jotform app itself. While tab labels are probably the least important part of my forms, it still is frustrating that they would not do as designed.

Hi Alethia_Education,

I understand how frustrating to manually add the CSS to the Form Tabs widget to fix the display issues on Safari. While the feature you're looking for isn't available at Jotform right now, we've gone ahead and escalated your request to our developers. Exactly when or if it's developed depends on their workload, how viable it is, and how many other users also request it. If there are any updates, we’ll circle back to this thread and let you know.

Thanks for your patience and understanding, we appreciate it.