[Resuelto] CHECKBOXES DOESN'T RENDER CORRECTLY

[Autor]

Mensajes

[rafaelL-2]

I am trying to:

add a bunch of individual checkboxes on a Cred Form using the correct syntax of bootstrap.

Instead, I got:
Big checkboxes with a strange format

Please, note that you will need to add two entries in host (below I put the details) in order to see the DEV site)

[Luo Yang]

Hello,

I have tried the credentials you provided above, there isn't username, I have tried "supuser" and "Note", none of them works, I get this error message when try to login:
ERROR: La contraseña que has introducido para el usuario supuser es incorrecta

And the problem you mentioned above seems to be a CSS conflict issue, please try these:
1) Deactivate other plugins and switch to wordpress default theme, and test again
2) If the problem is fixed, try to locate the problem plugin/theme by activate other plugins/theme one by one.
3) If the problem still persists, please provide a database dump file of your website, also point out the problem page URL, I need to test and debug it in my localhost, thanks
https://toolset.com/faq/provide-supporters-copy-site/

[Luo Yang]

Thanks for the details, I am downloading the files, will update here if there is anything found

[Luo Yang]

Here are what I found:
1) Dashboard-> Toolset-> Settings
section "Bootstrap loading", you are using option "Toolset should load Bootstrap 3.0".

2) The post form:
FORMULARIO DIAGNOSTICO
enlace oculto
You have customize the form layout with your own HTML codes, there might be some broken HTML tags in your custom codes

I suggest you use click the button " Auto-generate form content" to setup the form content, then follow Bootstrap document to setup the grid layout
enlace oculto

[rafaelL-2]

Sorry but this doesn't resolve anything

1-Yes, on Dashboard-> Toolset-> Settings is Toolset should load Bootstrap 3.0, and this is Ok, right?

2-I used the "Auto-generate form content" right now, and the problem is still there

Check it please

[Luo Yang]

I assume you are going to display the checkbox field as default style, please try to edit the Toolset form "FORMULARIO DIAGNOSTICO":
enlace oculto

Click "CSS Editor", add below CSS codes:

input[type="checkbox"].form-control{
	width: auto; 
    height: auto;
}

And test again, see screenshot checkbox-style.JPG