This topic contains 1 reply, has 2 voices, and was last updated by Sean Sean 3 years, 1 month ago.

Material Design Form Controls not working properly


  • maximizer
    Participant

    Member Reply #817

    Hello,

    We have updated the latest release Material Design theme, form controls not working properly, when we have multiple floating label + placeholder + button + icons all at one field, its not working, and we couldn’t find the material design switch buttons, could you please let us know how we can fix these issues. we are highly appreciated if we get quick solutions. ¬†Thanks in advance.

    PFA Screenshot FYI…

    Attachments:
    You must be logged in to view attached files.
    Sean
    Sean
    Keymaster

    Posts: 4444
    Support Staff Reply #829

    Hi :),

    Thanks for reporting this issue.

    As a quick fix just change “form-md-floating-label > .form-control” to “form-md-floating-label .form-control” as shown below in “assets/global/scripts/metronic.js” under “handleMaterialDesign” function:

    $(‘body’).on(‘keydown’, ‘.form-md-floating-label .form-control’, function(e) {
    handleInput($(this));
    });

    $(‘body’).on(‘blur’, ‘.form-md-floating-label .form-control’, function(e) {
    handleInput($(this));
    });

    If you need any further assistance please let us know.

    Thanks.

You must be logged in to reply to this topic.