Howdy, Stranger!
Categories
- All Categories
- 73 General
- 73 Announcements
- 66.5K Microsoft Dynamics NAV
- 18.5K NAV Three Tier
- 38.4K NAV/Navision Classic Client
- 3.6K Navision Attain
- 2.4K Navision Financials
- 115 Navision DOS
- 854 Navision e-Commerce
- 1K NAV Tips & Tricks
- 772 NAV Dutch speaking only
- 615 NAV Courses, Exams & Certification
- 2K Microsoft Dynamics-Other
- 1.5K Dynamics AX
- 269 Dynamics CRM
- 109 Dynamics GP
- 10 Dynamics SL
- 1.5K Other
- 992 SQL General
- 384 SQL Performance
- 33 SQL Tips & Tricks
- 34 Design Patterns (General & Best Practices)
- Architectural Patterns
- 10 Design Patterns
- 5 Implementation Patterns
- 53 3rd Party Products, Services & Events
- 1.7K General
- 1.1K General Chat
- 1.6K Website
- 79 Testing
- 1.2K Download section
- 23 How Tos section
- 259 Feedback
- 12 NAV TechDays 2013 Sessions
- 13 NAV TechDays 2012 Sessions
Options
2015/2016 scaling JS control add-ins
EvR
Member Posts: 178
Hi all,
Scaling JS add-ins is giving me a headache. Imagine a page with only one field, which is the add-on.
I'll best explain with some screenshots.
First, this is how the add-in looks in any browser (this screenshot is even rendered in IE8 mode)
Note the borders I've set to make everything clear. The body has a dashed border, the content a solid border.
If the content exceeds the div, a y-scrollbar is shown as expected.
Now the same add-in in NAV. RequestedHeight:300, RequestedWidth:300, VerticalStretch:false, HorizontalStretch:false.
Note that the bottom and right borders aren't showing. No x or y-scrollbars even though the content far exceeds the div.
Now the same add-in in NAV. RequestedHeight:300, RequestedWidth:300, VerticalStretch:true, HorizontalStretch:true.
Note that the bottom and right borders aren't showing. No y-scrollbar even though the content far exceeds the div.
Any ideas on how to make NAV behave like any browser would?
I just want the add-in to take up all the available space and respect the viewport.
(PS. of course, in the web client it works fine
)
Scaling JS add-ins is giving me a headache. Imagine a page with only one field, which is the add-on.
I'll best explain with some screenshots.
First, this is how the add-in looks in any browser (this screenshot is even rendered in IE8 mode)
Note the borders I've set to make everything clear. The body has a dashed border, the content a solid border.
If the content exceeds the div, a y-scrollbar is shown as expected.
Now the same add-in in NAV. RequestedHeight:300, RequestedWidth:300, VerticalStretch:false, HorizontalStretch:false.
Note that the bottom and right borders aren't showing. No x or y-scrollbars even though the content far exceeds the div.
Now the same add-in in NAV. RequestedHeight:300, RequestedWidth:300, VerticalStretch:true, HorizontalStretch:true.
Note that the bottom and right borders aren't showing. No y-scrollbar even though the content far exceeds the div.
Any ideas on how to make NAV behave like any browser would?
I just want the add-in to take up all the available space and respect the viewport.
(PS. of course, in the web client it works fine
) 0
Best Answer
-
OptionsEvR
Member Posts: 178
I guess still no one really uses full screen JS add-ins
If anyone ever runs into this problem and it's not fixed in future releases, what I ended up doing was setting a fixed height and width on the add-in container on document ready.
Viewport x - 15px and y - 15px. And then also trigger that same action on client resize.5
Answers
If anyone ever runs into this problem and it's not fixed in future releases, what I ended up doing was setting a fixed height and width on the add-in container on document ready.
Viewport x - 15px and y - 15px. And then also trigger that same action on client resize.