App Builder: Page Transparency Color Only Applies to First Page

For the APP Build. When i set the page transparency color, it only applies to the first page. Before it applied to ALL pages.

Why did that change?

Hi Khoi,

Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

From the available information, there is currently no documented explanation about a change in how page transparency or background color behaves across multiple pages in App Builder. The references only cover how to control transparency and background styles for forms and how to prevent automatic styling in apps, but they do not describe a setting that forces a background or transparency color to apply to all app pages at once, nor do they mention a recent change to that behavior.

Because of that, I cannot confirm why it used to apply to all pages in your case or what specifically changed in App Builder.

Let me help you with what is documented and may be related:

1. Check form styling override in the app
   In App Builder, select your Form element, open its Form Properties (gear icon), and make sure Show Form is enabled and Use My Own Form Styles is checked if you want the form to keep its own design instead of adopting app-level styling.
2. Adjust transparency on the form itself (if needed)
   In Form Builder, open Form Designer, go to Form Color, and adjust the Alpha (A) value or set the form background to transparent, depending on how you want the form to appear when embedded in the app.
3. Use advanced or CSS-based transparency on the form
   If you need more control, you can use Advanced Designer or inject custom CSS on the form to make the form background transparent or semi-transparent, which will then show whatever background you set in the app behind it.

However, none of the available documentation confirms a global “apply this transparency to all app pages” control or a change to that specific behavior, so I cannot state the reason for the difference you are seeing between before and now.

Let us know if you have any other questions.

Hi Khoi,

When I cloned and tested your App, I tried changing the page transparency setting, and the update was applied to all pages. Check out the screencast below to see my results:

The App Designer settings, such as page transparency, should apply to all pages instead of individual pages. It looks like this was a temporary issue, and it's now been fixed. Could you try changing your page transparency setting one more time and see if it now updates all pages as expected?

If the issue persists, you can send us a short screen recording of the steps you’re taking, so it’ll help us take a closer look and pinpoint the issue. Loom, Google Drive, or Dropbox links all work fine.

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

It shows up in the builder but does not show up in the preview or live version.
Khoi Nguyen
Managing Director
(510) 329-5169
________________________________
...

I have attached screenshots of first page and another page.
Khoi Nguyen
Managing Director
(510) 329-5169
________________________________
...

Hi Khoi,

Looks like the screenshot didn’t come through on my end. Can you send it again? Our guide on How to Post Screenshots to Our Help Center shows you how to do that. Also, A screen recording would help us see exactly what’s happening. You can use Loom or upload to Google Drive/Dropbox, then send us the link.

When we hear back from you, we’ll be ready to move forward.

See if this works
[cid:image001.png@01DCF414.F9C7DAE0]
[cid:image002.png@01DCF414.F9C7DAE0]
...

Here’s side by side view where you can see it work on the build side but not the Preview/Live side.
[cid:image001.png@01DCF415.1C90BB50]
...

Hi Khoi,

Unfortunately, it appears that the screenshots you've uploaded have been cut. You can share your screenshots here in this thread instead. Let me show you how to post a screenshot to our Help Center:

1. On the Help Center page, scroll down to the Your Answer section and click on the Image icon.

2. Drag and drop your image into the Upload box, or click on it and select your file.

3. Then, click on the Add button in the bottom-right corner of the window.

4. To resize it, click on your screenshot and then click on one of the boxes in the corners, and drag it inward.

5. Once you're finished, click on the Post Answer button at the bottom right of the Your Answer section.

That's it. Once we hear back from you, we'll be able to help you with this.

Hi Khoi,

I tested it and had the same issue, so I created a ticket and escalated this to our Developers. We’ll follow up as soon as we have any news.