How can you make a popup resizable or dragable in the HTML client? RRS feed

  • Question

  • How can you make it so the user can resize a popup?  Similarly, how can you make it so the user can move the popup around in the window?
    Monday, July 6, 2015 6:13 PM

All replies

  • Hi Hessc,

    As I know, the popup in LightSwitch HTML is controlled by Jquery. And I find the CSS of the popup in jquery.mobile-1.3.0.css in Content folder. Based on following code in the file(Line #2321 to Line #2324), I think the position is controlled in the line #553 of popup.js. Please try to find the popup.js and modify it. Hope it can helps you.

    .ui-popup-open .ui-header-fixed,
    .ui-popup-open .ui-footer-fixed {
     !important;         /* See line #553 of popup.js */

    Best Regards,


    Wednesday, July 8, 2015 7:47 AM
  • Hi Hessc,

    I have the drag-and-move and width resizing working ok.

    It needs a little tidying and finishing some extra bits :)



    Dave Baker | AIDE for LightSwitch | Xpert360 blog | twitter : @xpert360 | Xpert360 website | Opinions are my own. For better forums, remember to mark posts as helpful/answer.

    Wednesday, July 8, 2015 12:45 PM
  • Thanks everyone.  Can't wait to see it Dave, thanks!!
    Wednesday, July 8, 2015 10:50 PM