Jump to content

Hide Required fields Data from a plugin third part

Recommended Posts

Hello Everybody,

I would like to hide some required fields from a form that comes from a plugin on the Website.

I call the script  in Squarespace with:

<script id="drp-script" src="https://www.dr-plano.com/de/static/booking-plugin/code.js" data-backend-url="https://backend.dr-plano.com" data-id="297398286" data-frontend-url="https://www.dr-plano.com/de"></script>

Then I insert a Code Section with:

<div id="drp-booking" data-course-id="438515930" 
  ></div>
 

Now my goal is to hide some required field like the "participant-date-of-birth" or the "participant-email"

 

<div class="drp-course-booking-participant-item drp-row drp-mb-3 drp-align-items-end" id="yui_3_17_2_1_1717759858180_350"><div class="drp-course-booking-participant-title drp-col-12 drp-mb-1"><strong>1. Person</strong> <!----></div> <div aria-label="Vorname" class="drp-col-12 drp-col-lg-3 drp-col-xl-2"><label>
                            Vorname*
                            <input type="text" name="participant-first-name" disabled="disabled" autocomplete="section-participant0 given-name" required="required" pattern=".*\S+.*" title="Das ist ein Pflichtfeld" class="drp-w-100 drp-mb-2"></label></div> <div aria-label="Nachname" class="drp-col-12 drp-col-lg-3 drp-col-xl-2"><label>
                            Nachname*
                            <input type="text" name="participant-last-name" disabled="disabled" autocomplete="section-participant0 family-name" required="required" pattern=".*\S+.*" title="Das ist ein Pflichtfeld" class="drp-w-100 drp-mb-2"></label>

I need to hide the following part from my Squarespace interface.

</div> <div aria-label="Geburtsdatum" class="drp-col-12 drp-col-lg-3 drp-col-xl-2" id="yui_3_17_2_1_1717759858180_354"><label>
                            Geburtsdatum* TT.MM.JJJJ
                            <input name="participant-date-of-birth" disabled="disabled" pattern="^\s*(3[01]|[12][0-9]|0?[1-9])\.(1[012]|0?[1-9])\.((?:19|20)\d{2})\s*$" autocomplete="section-participant0 bday" required="required" type="date" class="drp-w-100 drp-mb-2"></label></div>

 

<div aria-label="Email" class="drp-col-12 drp-col-lg-3 drp-col-xl-2" id="yui_3_17_2_1_1717759858180_352"><label>
                            Email*
                            <input type="email" name="participant-email" disabled="disabled" autocomplete="section-participant0 email" required="required" title="Das ist ein Pflichtfeld" class="drp-w-100 drp-mb-2"></label></div> <div aria-label="Kundenkarten-Nummer" class="drp-col-12 drp-col-lg-3 drp-col-xl-2 drp-course-booking-participant-pos-card-number" id="yui_3_17_2_1_1717759858180_349"><label>
                            Kundenkarten-Nummer (optional)
                            <input type="text" name="participant-pos-card-number" disabled="disabled" class="drp-mb-2"> <span class="drp-tooltip"><span class="drp-fas drp-fa-question-circle"></span> <span class="drp-tooltip-text">Wenn du deine Kartennummer angibst, wird das Checkin in der Halle beschleunigt. Danke dafür!</span></span></label></div> <!----> <!----> <!----> <!----> <!----> <!----> <!----> <div aria-label="Tarif" class="drp-col-12 drp-col-lg-3 drp-col-xl-2 drp-course-booking-tariff-select"><label>
                            Tarif*
                            <select name="participant-tariff-id" required="required" class="drp-w-100 drp-mb-2"><option disabled="disabled" value="">Tarif wählen*</option> <option value="438515922">
                                    Reel Rock 18 Filmvorführung im Café Kraft
                                </option></select></label></div> <!----></div>

 

 

Let me know please

 

Bildschirmfoto 2024-06-08 um 15.08.jpg

Bildschirmfoto 2024-06-08 um 15.11.15.png

Link to comment
  • Replies 2
  • Views 201
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

7 minutes ago, claudiolegrandstone said:

I would like to hide some required fields from a form that comes from a plugin on the Website.

Please get in touch with the scheduling software company (Dr Plano) to check if they offer a way to customise their form.

Did this help? Please give feedback by clicking an icon below  ⬇️

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
Posted (edited)

Hello Paul,

Thank you for responding so quickly!

I already did it. They did not offer a way to do it. They said I have to find a solution pointing to the right Class. 

 

The following code works for the dis session with the ID 438515930.

<div id="drp-booking" data-course-id="438515930"
  			
  data-hide-phone-mobile="true"			
></div>

But I also need it for the Section:

</div> <div aria-label="Geburtsdatum" class="drp-col-12 drp-col-lg-3 drp-col-xl-2" id="yui_3_17_2_1_1717759858180_354"><label>
                            Geburtsdatum* TT.MM.JJJJ
                            <input name="participant-date-of-birth" disabled="disabled" pattern="^\s*(3[01]|[12][0-9]|0?[1-9])\.(1[012]|0?[1-9])\.((?:19|20)\d{2})\s*$" autocomplete="section-participant0 bday" required="required" type="date" class="drp-w-100 drp-mb-2"></label></div>

 

and I could´t find any solution yet.

 

Claudio 

Edited by claudiolegrandstone
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.