Multi line pop up messages

  • 1
  • Problem
  • Updated 1 year ago
  • In Progress
when the message is large, text overlap each other and it is not looking good. 
function showMessagePopup(errorMessage){
    var popupXMLString = 
    '<popup title="Alert Message" width="90%">'
     + '<components>'
          + '<pagetitle model="State" style="text-align: center">'
              + '<maintitle style="text-align:center">  '+ messageString +'</maintitle>'
    +'<actions>'
                    +'<action type="multi" label="Close">'
                        +'<actions>'
                             +'<action type="closeTopmostPopup"/>'
                               
    +'</actions>'
                        +'</action>'
                + '</actions>'
           + '</pagetitle>'
           
       + '</components>'
    + '</popup>';
    
    var popupXML = skuid.utils.makeXMLDoc(popupXMLString);
Photo of anshul

anshul

  • 110 Points 100 badge 2x thumb

Posted 1 year ago

  • 1
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
Can you elaborate on what you're seeing and possibly even provide pictures?
(Edited)
Photo of anshul

anshul

  • 110 Points 100 badge 2x thumb
Photo of Stephen Sells

Stephen Sells, Official Rep

  • 16,856 Points 10k badge 2x thumb
Are you trying to create a pop up via javascript? Is there any reason you aren't doing this declaratively?
Photo of anshul

anshul

  • 110 Points 100 badge 2x thumb
because we can not achieve this by declarative. we have lot of complex validation and this can not be achieved decoratively.
Photo of Amy Dewaal

Amy Dewaal, Official Rep

  • 8,200 Points 5k badge 2x thumb
Have you seen this community post? It gives an example of creating a popup from Javascript. I think you're missing this piece - var popup = skuid.utils.createPopupFromPopupXML(popupXML,context); and it might be messing with the formatting of your popup