Come posso aggiungere un'ombra al pulsante del widget Spreadsheet to Form con un codice CSS?

Buongiorno, come è possibile trasformare un'indicazione di testo in un bottone? Ovvero, come è possibile inserire un'ombra al testo con sfondo grigio in modo da farlo assomigliare ad un bottone?

Buongiorno Daniele,

Grazie per aver contattato il supporto tecnico di Jotform. Può ottenere questo risultato utilizzando questo Codice CSS:

/* codice per Ombra pulsante*/

button#autofill:hover {

    box-shadow: 8px 8px 7px 0px #00000047 !important;

    border-color: #000000 !important;

}

/* Codice per allineamento del pulsante */

.input-btn {

    margin: 3px 8px 17px 1px !important;

    width: 634px!important;

}

.input-box {

    width: 634px;

    margin: 0px 0px 0px 1px;

}

/* Il codice finisce qui */

1. Nel Costruttore di Moduli, fare clic sul widget Spreadsheet to Form.
2. Fare clic sull'icona a forma di Bacchetta magica che appare sotto al widget per aprire il Pannello Impostazioni Widget.
3. Successivamente, fare clic sulla scheda CSS Personalizzato.
4. Aggiungere il codice che le ho fornito qui sopra.
5. Infine fare clic su Aggiorna Widget.

Risultato:

Provi e ci faccia sapere se ha bisogno di ulteriori chiarimenti.

Buongiorno, ho inserito il codice copiandolo e incollandolo e cercando di seguire la procedura. Non mi pare di vedere ombreggiature al bottone.

Hi Daniele,

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 assist you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd prefer to receive 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, I'll help you with your question. I cloned your form and tested it with the CSS code to see if I could reproduce this issue, and everything worked fine. Check out the screenshot below to see my results:

The shadows can be seen but are difficult to recognize, perhaps because of the dark background colour. May I ask how you would like to display it? We can then show you the appropriate workflow and CSS code.

Let us know if there’s anything else we can help you with.

Scusi, ho visto si tratta di una leggera ombreggiatura. Su quali parametri agisco per il colore e per lo spessore dell'ombreggiatura?

Hi Daniele,

Thanks for getting back to us. I'll need a bit of time to look into this. I'll get back to you as soon as I can. 

Thanks for your patience and understanding while we look into this.

Hi Daniele,

Thanks for patiently waiting. Can you please try using this CSS code? The shadows are wider and the colors are slightly darker.

/* codice per Ombra pulsante*/

button#autofill:hover {

  box-shadow: 8px 10px 3px 2px #18161647 !important;

  border-color: #000000 !important;

}

/* Codice per allineamento del pulsante */

.input-btn {

  margin: 3px 8px 17px 1px !important;

  width: 634px!important;

}

.input-box {

  width: 1634px;

  margin: 0px 0px 0px 1px;

}

/* Il codice finisce qui */

The result will be as shown here:

If you tell us how wide you want it to be and how you want it to change to a colour, we can provide the appropriate CSS code. Can you try it again and see how it goes?

Let us know if there’s anything else we can help you with.