Question T1521
Visible to All Users

Changing UI for editor-pop-up

created 6 years ago

How do I change the width of the editor-pop-up ?
Current Scenario: Multiple tabs are used within editor-pop-up which are spread over couple of lines.
Required Scenario: Tabs used in the editor-pop-up needs to be aligned in a single line, hence the need of increase in the width of editor-pop-up

Please see the image attachments for currentScenario

Thank you

Answers

created 6 years ago

Hello,

This can be achieved via the following CSS (should be added after the surveyjseditor.css):

CSS
.svd_container .modal .modal-dialog { max-width: 800px; width: 100%; }

Here is the working sample - https://plnkr.co/edit/UyyEDZT2DLQ6Rzpeq2Bi?p=preview

Thanks, Serge
SurveyJS Team

    Comments (2)

      Does this still work with the recent releases? The Plunker example is 1.0.64 and works.
      But I cannot get the width to change adding the CSS above. is there a dependency order?

        Hello Mark,

        Ive just checked this sample with the 1.1.11 version (latest for today) - https://plnkr.co/edit/fFH5ywTY7wzQoy35PGdh?p=preview
        It works ok for me.
        Could you ensure you're loading the CSS on your page?

        Thanks, Serge
        SurveyJS Team