[Resuelto] Select Drop-Down Field Hard Coded to 100px

[Autor]

Mensajes

[Darryl]

I have a CRED form that select drop-down using the shortcode:

 [cred_field field='course-location-address' post='training-course' value='' urlparam='']

A portion of the resulting html is:

<span class="toolset_select2 toolset_select2-container toolset_select2-container--default toolset_select2-container--below toolset_select2-container--focus" dir="ltr" style="width: 100px;">

You can see that the width has been set to 100px by an inline style, which messes up my form.

[Christian Cox]

Hi, I'll be glad to help.
- Please temporarily disable all plugins except Toolset plugins and activate a default theme like Twenty Seventeen. If you need to activate a Maintenance Mode plugin while testing, that's okay. Is the inline style still applied to the CRED field? If not, reactivate your parent theme, child theme, and plugins, one by one, until the conflict is revealed.
- If the inline style was not corrected, please take a screenshot showing your settings in Toolset > Settings > Forms.
- Let me know your settings in Toolset > Settings > General > Bootstrap loading.
- Let me know if you have any custom JavaScript added to this form's JS panel, or any relevant Content Template or View used to display this form.

[Darryl]

My theme is loading Bootstrap 3.0.
There's nothing in the JS or CSS editor panels for the form.

Then I did:
- Created a staging site
- Deactivated all plugins but the Toolset ones (not fixed)
- Set the active theme to Twenty Thirteen (not fixed)
- Toggled the "Toolset should load Bootstrap 3.0" option (not fixed)

The effected select drop-down field is within a Conditional Group, so for hoots I moved it above the Conditional Group and it displays correctly.

So it looks like the issue only appears when the select field is within a Conditional Group.

[Christian Cox]

Strange, I'm not able to replicate that issue locally so I suspect there is a configuration setting somewhere I'm missing. In order to isolate that, I will need to create a clone of your site and install it locally where I can monitor the server logs as I make adjustments. If it's okay with you, I will install the Duplicator plugin to create that clone and begin testing. Please provide login credentials in the private reply fields here if you approve, and I'll get started as soon as I can.

[Darryl]

No private fields available.

[Christian Cox]

I must have chosen the wrong setting, sorry. Try now.

[Christian Cox]

Thanks, I'm able to see the issue on your site but I'm not quite clear why it's happening, so I have asked my 2nd tier support team to take a look. In the meantime, I have added the following JavaScript to override the 100px width:

jQuery(window).bind("load", function() {
   jQuery( ".toolset_select2.toolset_select2-container.toolset_select2-container--default" ).attr('style', '100%');
});

Please stand by and I will update you when I have some more feedback from the team.

[Christian Cox]

Hi, just a quick update to let you know our 2nd tier support team has escalated this issue to the CRED development team. They plan to include the fix in an upcoming release of CRED, but I do not have a timeline for implementation just yet. I'll keep you posted here. In the meantime, please use the workaround I mentioned earlier.

[Beda]

This issue will not be adjusted in Toolset in any foreseeable time.

We are sorry to close this here.