<![CDATA[Hidden input fields?]]>Is there any built in way to have input fields hidden on the front-end but shown in the admin site editor?

]]>https://community.appdrag.com/topic/167/hidden-input-fieldsRSS for NodeSat, 06 Jun 2026 01:41:50 GMTThu, 25 Jun 2020 18:29:41 GMT60<![CDATA[Reply to Hidden input fields? on Tue, 24 Nov 2020 15:28:56 GMT]]>@Wassim I already do. Great trip. Thanks!

]]>https://community.appdrag.com/post/1968https://community.appdrag.com/post/1968Tue, 24 Nov 2020 15:28:56 GMT<![CDATA[Reply to Hidden input fields? on Tue, 24 Nov 2020 15:18:31 GMT]]>Hey Dick, you mean by default ?
If not you can use my example .hidden-live above

]]>https://community.appdrag.com/post/1967https://community.appdrag.com/post/1967Tue, 24 Nov 2020 15:18:31 GMT<![CDATA[Reply to Hidden input fields? on Fri, 20 Nov 2020 10:05:06 GMT]]>@Wassim nice trim! Is there class with which you can show the elements in Page Builder and hide them in Preview?

]]>https://community.appdrag.com/post/1924https://community.appdrag.com/post/1924Fri, 20 Nov 2020 10:05:06 GMT<![CDATA[Reply to Hidden input fields? on Fri, 26 Jun 2020 06:12:20 GMT]]>@ThomasD said in Hidden input fields?:

s there any built in way to have input fields hidden on the front-end but shown in the admin site editor?

Hello,

There's a non builtin way but very easy to do.

Add a class throught the identification brush named "hidden-live"

Then drop a CSS embed code and inside do this

body:not(.pagebuilder-edition) .hidden-live {
  display:none;
}

As in the pagebuilder, the body has the class "pagebuilder-edition" you can differentiate it with this simple css.

]]>https://community.appdrag.com/post/521https://community.appdrag.com/post/521Fri, 26 Jun 2020 06:12:20 GMT<![CDATA[Reply to Hidden input fields? on Thu, 25 Jun 2020 22:35:44 GMT]]>Hi Thomas,

I've had to do something similar.

One option is a HTML Source Code block for your input field. Just drag in a block and just put in <input class="hidden"> etc.

Another option is to drag in a normal form, but add a class like "hide-on-load" and add a javascript snipped to hide that element on load. It'll show in PageBuilder but not when actually loaded.

@Wassim-Samad something I haven't found a workaround for is exactly this question - how do you show something on PageBuilder but hide in 'real life'? Would be nice if there was a way.

]]>https://community.appdrag.com/post/517https://community.appdrag.com/post/517Thu, 25 Jun 2020 22:35:44 GMT