CSS per cambiare il colore del campo appuntamento

  • Merigge
    Domanda del 18 maggio 2024 alle ore 10:56

    Buongiorno

    vorrei cortesemente avere un aiuto per cambiare il colore della data appuntamento che ora è in NERO in bianco e mettere i bordi agli orari sempre in bianco.

    Sono riuscito nella funzione avanzata a cambiare i colori degli appuntamenti ma non riesco nel resto.

    Volevo anche rendere prenotabile un solo trattamento per orario. Come abbiamo per il modulo colazioni limitato a 3 persone per orario, per questo modulo voglio limitare 1 persona per orario in quanto abbiamo una sola massaggiatrice.

    Attendo vostro riscontro

    Grazie

    Raffaele


  • Filip Jotform Support
    Risposta del 18 maggio 2024 alle ore 11:29

    Hi Raffaele,

    Thanks for reaching out to Jotform Support. Unfortunately, our Italian Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Italian, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    Now, coming back to your question, can you please provide us with the Form URL?

    Once we hear back from you, we'll be able to move forward with a solution.

  • Raffaele
    Risposta del 18 maggio 2024 alle ore 11:33


    Buonasera ecco io link del modulo dove chiedo assistenza.

    attendo vostra risposta

    grazie

    raffaele

    puoi trovare il mio modulo "Wellness & Spa" su: https://form.jotform.com/241381427710350

  • Filip Jotform Support
    Risposta del 18 maggio 2024 alle ore 12:54

    Hi Raffaele,

    Thanks for getting back to us. To change appointment date color to white and adding white borders to the time slots you can add custom CSS directly to the form. Let me show you how:

    1. Go to Form Designer
    2. Click on Styles and scroll down to Inject Custom CSS
    3. Add following CSS code
    /* Change the appointment date color to white */
    .calendarDay > div,
    .calendarDay > span {
        color: white !important;
    }

    /* Add white borders to the time slots */
    .appointmentSlot, .calendar > table > tbody > tr > td > div {
        border: 1px solid white !important;
    }

    CSS per cambiare il colore del campo appuntamento Image 1 Screenshot 30

    You can limit booking to one treatment per time slot using Appointment element with specific configuration. Here's how:

    1. Select the Appointment element you want to configure
    2. Click on Properties and open the Advanced tab
    3. Select One-on-one appointment type

    CSS per cambiare il colore del campo appuntamento Image 2 Screenshot 41

    Give it a try and reach out again if you have any other questions.

  • Raffaele
    Risposta del 18 maggio 2024 alle ore 16:06

    Buonasera il colore del forno presente nel box Data Appuntamento/Appoinent Date è di colore nero vorrei cambiarlo in bianco.

    posso avere il codice e il posizionamento ?

    Grazie

    Raffaele

  • Shaqil_A
    Risposta del 18 maggio 2024 alle ore 19:38

    Hi Merigge,

    Thanks for reaching out to Jotform Support. Unfortunately, our Italian Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Italian, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    Yes, we can change the color of the text color of the weekend dates as well. We just need to find the specific ID for the dates and then add a CSS code. Let me show you how:

    • In Form Builder, click on the Paint Roller icon on the right side of the page.
    • In the menu that opens, go to the Styles tab.
    • Scroll down a bit to the Inject Custom CSS area.
    • Copy and paste this code below:
    /* Change the selectedDate color to white*/
    .currentDate {
     color: white !important;

    Click on the Save button. That's it. You can change the color as you like.

    CSS per cambiare il colore del campo appuntamento Image 1 Screenshot 20Give it a try and let us know how it goes.

  • Merigge
    Risposta del 19 maggio 2024 alle ore 02:03

    Buongiorno

    come faccio a cancellare eventuali appuntamenti se non voglio farli?

    Ho fatto per prova 2 appuntamenti ma se vado in posta in entrata e seleziono l'appuntamento non me lo fa cancellare.

    Attendo procedura e allego lo screen shot di uno dei due appuntamenti di prova che vorrei cancellare poi cancello l'altro dopo che mi avete spiegato come fare.

    Grazie

    raffaele


  • Merigge
    Risposta del 19 maggio 2024 alle ore 02:04

    Vorrei elimiare questo appuntamento e capire come posso fare


    CSS per cambiare il colore del campo appuntamento Image 1 Screenshot 20

  • Merigge
    Risposta del 19 maggio 2024 alle ore 02:37

    Buongiorno oltre alla cancellazione o conferma degli appuntamenti vorrei anche assistenza per la gestione delle risposte.

    Ho due moduli Breakfast e Pranzi che devono essere visti da un dipendete e l'altro modulo Wellness & Spa da un'altra dipendente.

    Ho fatto scaricare l'App ma ogni dipendente vede tutte le risposte dei 3 moduli come posso fare per decidere chi deve vedere e cosa vedere?

    Grazie

    Raffaele

  • Joseph Jotform Support
    Risposta del 19 maggio 2024 alle ore 04:23

    Buongiorno Raffaele,

    Grazie per averci ricontattato. Per evitare confusione ho spostato le tue richieste in altre discussioni. Puoi verificare la mia risposta cliccando sui link di sotto:

    Puoi proseguire con le tue richieste alla pagina di ogni discussione.