Gravity form bug – loading scripts when using an accordian

[FlawlessWeb]

Hey,

Just noticed a small bug with Cardinal accordions and Gravity forms. Thinking back, I remember Ed identifying the same or similar bug with Cardinals tabs and solving it.

Basically, when you place a gravity form inside an accordion it doesn’t load a necessary script (potentially scripts, but I have only identified one issue so far).

The issue I noticed is with the choosen jquery script. That is responsible for the multi-select field in gravity forms operating correctly. See the attached screenshot for the error.

If I were to place the exact same form on a blank page, it works fine. Also works if I were to place it within Cardinal tabs. Just doesn’t work with accordions…

Attachments:

You must be logged in to view attached files.

[FlawlessWeb]

This reply has been marked as private.

[FlawlessWeb]

Hey,

Just run into another issue with the accordion asset so may as well post it in here.

See screen-shot – I set up an accordion asset and in section 1 I created a two column layout – half text box on the left and half image on the right.

However, as you can see on the front-end, it just stacks the elements on top of each other. Is that a bug?

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

Hi Anthony,

The accordion didn’t support multiple column for a reason – can’t remember why right now. I’ve tested with multiple columns and seems to work ok however, so I’ll enable this again.

Can’t login to your site again, keep getting redirected to coming-soon from the login link!

– Ed

[FlawlessWeb]

This reply has been marked as private.

[Swift Ideas – Ed]

Just noticed you are using it within a widget area.. Wondering if that script isn’t output as it isn’t found in the “sidebar” as such.. Or do you use the exact same setup in tabs?

I can send over a build with the accordion changes if you like.

– Ed

[FlawlessWeb]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

This reply has been marked as private.

[FlawlessWeb]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

It’s already looking better. Just missing the multiple select enhanced functionality.
https://www.dropbox.com/s/cyqtw50cfz2ji8s/gravity_forms_inside_accordion.png?dl=0

You should contact Gravity Forms support to understand what is that other error after submitting the form.

-Rui

[FlawlessWeb]

Yea looking better alright.

As I said above, the accordions asset is causing a required script/s to not be loaded.

Not too worried about that error, won’t be allowing actual signups on my demo site. If the error happens on other installs, I will get in touch with them.

Thanks.

[Rui Guerreiro – SUPPORT]

Can you check again the enhanced multiselect is already working.

https://www.dropbox.com/s/nsnnagx2se1vbca/gravity_forms_accordion_fixed.png?dl=0

-Rui

[FlawlessWeb]

Hi Rui,

That’s great, all seems to be working now.

What did you do to solve the issue? i.e. what files did you edit and will the new files/fixes be included in the next Cardinal update?

Thanks.

[Rui Guerreiro – SUPPORT]

Hi,

In the end of the process the solution was achieve with only css.
It was used the following css code that this also in your custom css options so that no problem occurs with a future update.

.spb_accordion .gfield_select{
    
    height:120px!important;
    background-image:none!important;
}
.spb_accordion .gfield_label{
    cursor: default;
    display: inline-block;
    font-family: 'Source Sans Pro';
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
}
.spb_accordion .gform_wrapper label{
    font-size: 13px;
    font-weight: normal;
    font-family: 'Source Sans Pro';
    font-weight: bold;
    color: rgb(68, 68, 68);
}
 .spb_accordion .gfield_password_strength{
    font-family: 'Source Sans Pro';
    font-size: 16px;
 }
 
 .spb_accordion .gform_button{
    font-family: 'Source Sans Pro';
    font-size: 14px;
}
.spb_accordion .gfield_description{
    font-size: 13px!important;   
}

.spb_accordion {
    display:block!important;
}

Regarding the css code being included in a future version will have to check that with Ed.

-Rui

[FlawlessWeb]

Hi Rui,

Not sure I follow here. So the choosen script is not being applied within accordions – so how would css only solve the issues?