¿Se puede mantener un campo siempre visible en la pantalla?

Buenos días,

Quisiera que los usuarios puedan ver constantemente el valor total que se va sumando en el precio del inventario, como si fuese "campo flotante" que se vea por ejemplo en la parte superior o inferior de la pantalla independientemente si suben o bajan buscando productos. ¿Es esto posible? Adjunto ejemplo

Gracias!

Saludos

Hello VibraNativa,

Thanks for reaching out to Jotform Support. There seem to be several forms under your account. Can you send me the link to the form in question so I can take a look at it for you?

Once we hear back from you, we'll be able to help you with this.

Si, claro! Este es el formulario

https://www.jotform.com/build/223044970099662

Hello VibraNativa,

Thanks for getting back to us. Please try adding the custom CSS code below. This guide will show you how to do that.

.payment_footer.new_ui {

  margin: 10px 0;

  position: fixed !important;

  z-index: 999 !important;

  width: 35% !important;

  margin-top: 320px !important;

  background: #fff !important;

}

Here is a sample output:

Give it a try and let us know if you need any other help.

Hello VibraNativa,

Thanks for getting back to us. Please try adding the custom CSS code below. This guide will show you how to do that.

.payment_footer.new_ui {

  margin: 10px 0;

  position: fixed !important;

  z-index: 999 !important;

  width: 35% !important;

  margin-top: 320px !important;

  background: #fff !important;

}

Here is a sample output:

Give it a try and let us know if you need any other help.

Muchas gracias por su ayuda, es exactamente eso lo que necesito. Pero no puedo lograrlo, pego el código tal cual usted me lo está enviando, pero desaparece por completo el total.

https://www.jotform.com/build/223044970099662

Hello VibraNativa,

Please allow me some time to check on this. I will get back to you as soon as I have more information.

We appreciate your patience while we work on a solution.

Hello VibraNativa,

Please try replacing the previous code with this one:

.payment_footer.new_ui {

  position: fixed !important;

  width: 30% !important;

  z-index: 999;

  margin-top: -180px !important;

  background: #fff !important;

  padding-top: 0px !important;

}



li#id_42 {

  margin-bottom: 50px !important;

}

Give it a try and let us know if you have any other questions.

Muchísimas gracias!! Ahora sí se ve en la opción de pantalla de PC, pero desaparece en la vista desde el celular.

PC

CELULAR

Hi VibraNativa,

Thanks for getting back to us. Let me have some time to look into this and I will get back to you as soon as I can.

Thank you

Please add the following code to the form:

@media screen and (max-width: 375px), screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){

.payment_footer.new_ui, .total_area, .form-payment-total #total-text {

  padding-left: 350px !important;

  margin-bottom: -10px !important;

}

}

Let us know if you need further assistance.