claudiolegrandstone Posted June 8 Share Posted June 8 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 Link to comment
paul2009 Posted June 8 Share Posted June 8 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 ⬇️ Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide 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. Buying a coffee is generous but optional. 🤒 I'm currently in hospital and may not respond quickly to your posts. Link to comment
claudiolegrandstone Posted June 8 Author Share Posted June 8 (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 June 8 by claudiolegrandstone Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment