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