Thu, 24 Sep 2026
Login

jpopup minimum width

Confluence User - 23 Jul, 2018

Hi,

Is there a way to reduce the minimum width below 668px for Jpopup? I want to use 300px but the popup with will resize back to 90% width if I use values under 668px.

 

This is my javascript code to create the popup

    var height = UI.getPopUpHeight("350");
    var width = UI.getPopUpWidth("670");

    JPopup.create("testPopup", "Add Item", width, height);

    JPopup.show("testPopup", "AddOrderItem?embed=true",params,"Add Item", width, height)

 

Thanks

forms;javascript

3

Confluence User •
24 Jul, 2018 •
confluenceUser •
•
confluenceUser •

Hi, did you try setting the width without calling the UI.getPopUpWidth function?

Confluence User •
24 Jul, 2018 •
confluenceUser •
•
confluenceUser •

Yup, same outcome. 

Confluence User •
27 Jul, 2018 •
confluenceUser •
•
confluenceUser •

Hi, i found the getPopupWidth implementation is as below. Then i tested with the following script seem ok.

 

JPopup.show("testPopup", "http://localhost:8080/jw/web/userview/expenseclaim/home/_/a?",{},"Add Item", 670, 300);
getPopUpWidth: function(width) {
       if (width === undefined || width === "") {
           width = "90%";
       }
       var windowWidth = $(window).width();
       var minWidth = 668;
       var maxWidth = windowWidth - 100;
           
       if (isNaN(width) && width.indexOf("%") !== -1) {
           var tempWidth = parseFloat(width.replace("%", ""));
           width = windowWidth * tempWidth / 100;
       }
       
       if (width > maxWidth) {
           width = maxWidth;
       }
       
       if (width < minWidth) {
           width = windowWidth;
       }
       
       return width;
   }
1
CSV | Excel | XML | PDF
RELATED QUESTIONS
Process not starting with Form submission.
Form Submission Performance Issue
How to embedded autoplay video to Homepage ?
Export As PDF
Select Box
one to many relationship
Can we create a dropdown field directly in a Joget List so that users can change the status of a record from the list view itself?
How to auto load client data after selecting it in a dropdown?
npm install in joget
Retrieve image upload from form into PDF
1
CSV | Excel | XML | PDF

Your answer

To answer a question you'll need an account.

Print