Dropdown menu not working

Home Forums Quform WordPress Dropdown menu not working

This topic is: not resolved

This topic contains 16 replies, has 6 voices, and was last updated by  Ally 1 month, 3 weeks ago.

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #3406

    avontz
    Participant

    Dunno why, but the select dropdown menu doesnt work.. (it works on the preview.. but doesnt work on the site…
    http://leonardobg.com.br/finesse/contact/

    #3415

    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #3456

    brillweb
    Participant

    Hi there

    I’m having exactly the same issue with the dropdown menu and I can’t see the js/default.js file anywhere on my server to check for a conflict issue. Do you have any other ideas/suggestions or solutions to this problem?

    Thanks

    #3468

    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #3507

    brillweb
    Participant

    Hi Ally

    I’m using the Etherna WP theme. It seems to be working at the moment. The dropdowns seem to work only If you DO NOT tick the ‘Use Uniform’ box under Settings>Style. I also noticed, for the dropdown to drop the pointer needs to go on the text and not further right or on the right hand arrows. Clicking on the up/down arrows on the right doesn’t drop the selection. Is this normal? Anyways, I can live with it, the way it is at the moment. Thanks for getting back to me and Quform is otherwise great so far!

    Regards
    Brillweb

    #3533

    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #3890

    sadler.oliver
    Participant

    i am having the same problem.. Just posted a picture of how the form dropdown looks like when using a form theme style other than uniform default.

    I am using Etherna Theme too..

    Check picture attached.

    PS ALLY: in file manager “theme>etherna>js> ” we get only two files: “plugins.js” and “script.js” and the mentioned string with “gform” is nowehere to be found in either of the two files..

    Help will be appreciated..

    Attachments:
    You must be logged in to view attached files.
    #3892

    sadler.oliver
    Participant

    @brillweb: I have tried the same thing as you said in my project too.. it does work exactly you mentioned by clicking above the text shown at of the dropdown menu instead of the area without any text or arrow..

    Still the problem with the date or time selection is that the dropdown menu gets stretched quite long and the form does not really look professionally presentable.. (picture attached)

    Attachments:
    You must be logged in to view attached files.
    #3902

    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #3906

    sadler.oliver
    Participant
    #4393

    jasesaj
    Participant

    Hi I’m having the same problem with the dropdown not working either.

    Here’s a link to the site: http://jpauto.aussiedesigns.com.au/track-your-vehicle-work-in-progress/

    Could please advise the js to amend.

    Cheers

    #4401

    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

    #4405

    jasesaj
    Participant

    Hi Ally,

    Here’s a test page I added the form to: http://jpauto.aussiedesigns.com.au/test-form/

    I’m having the problem of not be able to add the dropdown function to the form as it comes up with the error in form builder.

    Also where to do you set the amount of maxlength for a text field?

    Cheers

    #4406

    sadler.oliver
    Participant

    Hey Jasesaj..
    You can specify text area or paragrah area width by assigning custom css to the form. To achieve this,
    Open your Form in Quform,
    Go to Settings,
    Go to Style
    Scroll to the bottom end where it says: Global Css Styles
    Select Text Input Element (for text area) or Paragragh Text Elements (for paragraph area),
    Click on +CSS Blue icon on right,
    In the area you can see there: type width: 200px;. You can mention your required width but when the page is opened on a mobile web browser, it will still use the amount ox pixels you mention there.

    i therefore am using percentage like: width: 80%; to apply to the area where the form is located and to fit the mobile site page just nicely.

    As for the Dropdown, Ally is your best guide.
    Cheers.

    #4407

    Ally
    Support Staff

    You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

Viewing 15 posts - 1 through 15 (of 17 total)

You must be logged in to reply to this topic.

Be inspired. © 2019 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy