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

Input control incorrectly displaying in Dragable Portlets.


  • arya1234
    Participant

    Posts: 12
    Member Reply #7446

    Hi,

    I am using Draggable Portlets, where its displayed the input controls differently (please refer images attachments)  I have used same portlet in both the screens but rendered differently. The input control width got reduced when control looses the focus.  I am using default theme for my project.

     

    • This topic was modified 2 years, 1 month ago by  arya1234.
    Attachments:
    You must be logged in to view attached files.
    Sean
    Sean
    Keymaster

    Posts: 4527
    Support Staff Reply #7457

    Hi,

    Could you please provide us a test link to your developing site in a private reply ? We will need to check your code online to investigate the issue further.

    Thanks.

     


    arya1234
    Participant

    Posts: 12
    Member Reply #7464
    This reply has been marked as private.

    arya1234
    Participant

    Posts: 12
    Member Reply #7465
    This reply has been marked as private.
    Sean
    Sean
    Keymaster

    Posts: 4527
    Support Staff Reply #7483

    Hi,

    The issue is caused by below code under Site.css:

    /* Set width on the form input elements since they’re 100% wide by default */

    input,select,textarea {
    max-width: 280px;
    }

    You should consider removing the above code and if you need fixed width try to apply it with a custom class where needed.

    Thanks.


    arya1234
    Participant

    Posts: 12
    Member Reply #7491

    Thanks support team, quick response, and continuous follow ups, …  I really appreciate it.  Issue was identified and resolved.

    • This reply was modified 2 years, 1 month ago by  arya1234.
    Sean
    Sean
    Keymaster

    Posts: 4527
    Support Staff Reply #7499

    Great! You we very welcome. Good luck with your project 🙂

You must be logged in to reply to this topic.