Iron Speed Technical Forums
Register Latest Topics
 
 
 


Reply
  Author   Comment  
miles

Avatar / Picture

MVP Consultant
Registered:
Posts: 1,683
Reply with quote  #1 
Hi All,

I have a modal form that uses modified CSS to make it bigger etc.  I modified the QPageSize and QSContainer styles.  That is working really well, except that the form always opens in the same place.

I need to move the modal form up closer to the top of the page.  Adjusting the CSS doesn't seem to work.

Do I need to adjust the JavaScript button call perhaps to make this happen?

TIA,

Miles


__________________
Miles Gibson, MScIS
Iron Speed MVP
Senior Consultant, Principal
Milestone Software Inc.

http://www.ironspeedmvp.com\localizer 
Email: miles@milestone.ca
Milestone Localizer: Full Localization for your Iron Speed applications!
vmnz

Registered:
Posts: 39
Reply with quote  #2 
The following CSS example works for me in similar case:
Code:

.QPageSize600x400 {
  height: 400px;
  width: 600px;
  overflow: hidden;
  top: 50vh !important;
  margin-top: -200px;
  left: 50vw !important;
  margin-left: -300px;
  }
miles

Avatar / Picture

MVP Consultant
Registered:
Posts: 1,683
Reply with quote  #3 
That works really well!  Thanks for posting!  Solved a big problem that I was having.
__________________
Miles Gibson, MScIS
Iron Speed MVP
Senior Consultant, Principal
Milestone Software Inc.

http://www.ironspeedmvp.com\localizer 
Email: miles@milestone.ca
Milestone Localizer: Full Localization for your Iron Speed applications!
REESEMI

Registered:
Posts: 111
Reply with quote  #4 
I tried adding this to the styles and basestyles css, closed and reloaded the but did not see a difference. Is there something else I should be doing?


.QPageSize600x400 {
  height: 400px;
  width: 600px;
  overflow: hidden;
  top: 50vh !important;
  margin-top: -200px;
  left: 50vw !important;
  margin-left: -300px;
  }
vmnz

Registered:
Posts: 39
Reply with quote  #5 
REESEMI, maybe you forgot to change the Pop-up CSS Class property on your page to new CSS class name (where the default value would be "QPageSize").

I have created multiple QPageSize CSS style classes with different dimensions in style.css and use those for different layouts (portrait or landscape like) of modal pop-ups. Appending css class name with desired dimensions helps to keep it logical and self-descriptive.

Also, it allows easy changing modal pop-up style class programmatically during page load, if required.

P.S. Must admit, that was tested only with some modern layout styles.
REESEMI

Registered:
Posts: 111
Reply with quote  #6 
Thanks, that was it๐Ÿ˜‰

Previous Topic | Next Topic
Print
Reply

Quick Navigation:

Easily create a Forum Website with Website Toolbox.

Download Iron Speed Designer

Terms of Service Privacy Statement