[oivanr]

Hi Ally,
I tried several things, the solution was to use a previous version (2.19.0)

[oivanr]

Hi,
I am attaching a complete report of the errors I found as you indicated. The strange thing is that when I edit the form it saves many of the changes I make, so far I have only found that, although they appear in the form, the date and file upload fields do not work correctly.

Attachments:

You must be logged in to view attached files.

[oivanr]

Hi Ally,
I found the problem. I am attaching an image. What I did was to switch off the button of the Auto formatting.
Thanks for your help,

Attachments:

You must be logged in to view attached files.

[oivanr]

Hi Ally,
I am working in a localhost so I can’t send the link, but I have no problem with sending you the css code.
Must tell you I am using a Kadence theme.
I am attaching a couple of images: searchForm_1 is when the page (in wordpress) load with the form. (Remember that form has an html field with a section inside which id is “resultado”), here the display is a mess.
The searchForm_2 presents the search already done with the form.
Thanks for your help.

This is the scss code. If you prefer the css I can send you.
Line 61 is the “cardGratis” format, the box with the black border and white background.
Line 29 is the “card” format, the box the acqua background.

01 /* Declaro variables para colores */
02 :root{
03     –azul: #1e8cfa;
04     //–acqua: hsl(159, 96%, 40%);
05     –acqua:#22c1c3;
06     –gris: rgba(128, 128, 128, 0.767) ;
07     –blanco: hsl(0, 0%, 100%);
08     –acqua-claro: #22c0c333;
09     –negro:black;
10 }
11
12 // Hago que todo se comprima al tamaño de la caja
13 html {
14     box-sizing: border-box;
15 }
16
17 // todos los elementos previos y posterior adoptan esa propiedad
18 *, *:before *:after{
19     box-sizing: inherit;
20 }
21
22 .contenedor{
23     display: grid;
24     gap: 1rem;
25     grid-auto-flow: dense;
26     grid-template-columns: repeat(auto-fill,minmax(min(100%,20rem), 1fr));
27 }
28
29 .card {
30     background-color: var(–acqua-claro);
31     padding: 5px;
32     text-align: center;
33     border-radius: 10px;
34     box-shadow: 1px 2px 5px gray;
35
36     &-header {
37         border-bottom: 2px solid var(–acqua);
38     }
39
40     &-body{
41         font-size: medium;
42         padding-left: 2rem;
43         text-align: left;
44         border-bottom: 2px solid var(–acqua);
45         p {
46             font-size: smaller;
47         }
48     }
49
50     &-footer{
51         background-color: var(–acqua);
52
53         &-enlace {
54             color: white;
55             text-decoration:none;
56         }
57     }
58
59 }
60
61 .cardGratis {
62     //background-color: var(–gris);
63     width: 300px;
64     height: 100px;
65     padding: 3px;
66     text-align: center;
67     border-radius: 10px;
68     border: 1px solid black;
69     box-shadow: 1px 2px 5px gray;
70     box-sizing: border-box;
71
72     &-header {
73         border-bottom: 2px solid var(–negro);
74     }
75
76     &-body{
77         font-size: small;
78         padding-left: 2rem;
79         text-align: left;
80         p {
81             font-size: smaller;
82         }
83     }
84
85 }
86
87 // para quforms
88 /* Fix UI issue for readyonly field */
89 .qfb-settings input[type=text][readonly]{
90     cursor: not-allowed;
91 }
92 .qfb-settings input[type=text][readonly]:focus {
93     cursor: not-allowed;
94 }

Attachments:

You must be logged in to view attached files.

[oivanr]

Hi Ally,
It works almost fine. The issue now is that I have some css configuration that is not working with with this code, and, when I write the section inside the form, works (the css configuration) perfectly.
Any idea?
Thanks in advance

[oivanr]

Please, forget my question. I apologize. The solution was simple and I find out already. put the buttons on the same html field and everything is fine.
So sorry.

[oivanr]

Dear Ally,
I already did it! What I did was, since you tell me that you need to get the correct CSS selector, I though that I must try. The options were: margin-top and margin-left, and i remember that these parameters allow negative values.
The first thing is that I use the Outer Wraper.
After that i use: margin-top: -20px; and for the boton (right of the form) I use: margin-left: -15px;
I attach a imager in order to you can check the result.
Thanks,

Attachments:

You must be logged in to view attached files.

[oivanr]

Hi,
I check the other html fields and it is correct. There is another field with the same name. I already change the name and it works properly.
Thanks a lot.

[oivanr]

HI,
How I can do to acces to HTML field which is located in a second page of my form.
For example I have a form who has page 1 and page 2. In the page 2 I have an html with a
<span id=”nombre”>.
In my first page I have a dropdown (13_21) I have done this:
$(‘#nombre’).text($(‘.quform-field-13_21 option:selected’).text());
It doesn’t work.
Thanks in advance for your help.

[oivanr]

Hi,
It works fine.
Thanks.

[oivanr]

Hi Ally,
You are very kind. This works fine with your observation.
Is there any way to save the values even though there are not selected? with a Null value, for example?
or save in the order they have been selected?
Thanks,

[oivanr]

Thanks.
It works fine. The issue was the name of my ajax handler.

[oivanr]

Hi,
Thanks for your response. I have an issue with this. The other day you resolve a questions about the change in radio button field. The same thing here:
1     $(‘.quform-field-6_18’).change(function () {
2         tipo       = $(‘.quform-field-6_18’).val();
3         if (tipo === ‘N’){
4             $(‘.quform-element-6_113 .quform-label-text’).text(‘nombre’);
5         }
6         codCuenta  = $(‘.quform-field-6_7’).val();
7         noOpcion   = $(‘.quform-field-6_98’).val();
8         tipo       = $(‘.quform-field-6_18’).val();
9         console.log(tipo);
10         consultaFlds(‘wp_cb_006m’,codCuenta,’cb_006m_codCuenta’,noOpcion,’cb_006m_noOpcionP’)
11     })

a) 6_18 field is a radio button one. With this change function the logical conditions work fine.
b) the label text depend on the value of this field, but doesn’t triger the label change.
c) For example: the 6_19 have values of ‘C’ and ‘N’, when the value change to ‘N’ the label has to change but when I check the console.log the value always remain on ‘C’
What can I do?
Thanks in advance for your help.

[oivanr]

Thanks a lot. Problem solved.

[oivanr]

Hi,
It works great!!
Indeed you have a great plugin, I had been for several years now and is absolutely fantastic.
Check this issue as resolved, please.
Thanks a lot

[Author]

Posts