RESOLVED: Responsive Issues

Answered Closed
0
1

Currently working on developing a VB Winform into WiseJ, the primary target for this will be IPad with 2048-by-1536-pixel resolution. I have created the separate ClientProfiles for portrait and landscape. But when I deploy it to our web server to test, it starts fine, but as soon as I rotate from portrait to landscape, the screen does not correctly fill the screen as I would expect.
Portrait1.jpg – the initial open of the app (how it should look)
Landscape.jpg – after changing screen orientation, I should still see the blue bar at the bottom, but I do not.
Portrait2.jpg – after changing back to portrait, it should look like Portrait1 , but it does not.

I am logging the Current Profile when it changes, and it seems to be reading the ClientProfiles.json correctly. We load to a single Window and use UserControls with in the window, I adjusted the size of each for the Portrait and Landscape profiles.

I am using Application.update(me) in the ResponsiveProfilechanged would there be another way I should try to ‘refresh’ ?

For reference we are using v3.1.10

 

  • You must to post comments
Best Answer
0
0

Solve my issue, I forgot that the ClientProfile looks from the top down, so once I moved my device to the top, I needed to make sure the width’s matched between the Portrait and Landscape. Once I did this, it worked as expected when I change the screen orientation.

 

thank you!

  • You must to post comments
0
0

Hi Christopher,

Did you add a mobile viewport to Default.html?
https://www.w3schools.com/css/css_rwd_viewport.asp

Additionally, you probably don’t need Application.Update(me) in that location. Application.Update is typically used for restoring a sessions context from a background thread.

We have a few old example applications on GitHub that might help you:

Responsive Applications:
https://github.com/iceteagroup/wisej-examples/tree/3.2/Responsive

Background Tasks (thread):
https://github.com/iceteagroup/wisej-examples/tree/3.2/BackgroundTasks

Let me know if you’re still having issues and we can take another look!

Best,
Levie

  • Christopher Bateson
    Thanks Levie. We do already have the viewport in our Default.html as: I have actually downloaded the examples, I am only able to look at the code though I can not get them to successfully compile to run. I was able to find the Screen.Bounds and Screen.WorkingArea to get the correct area that I am trying to work with on the device. So I went though updating all the sizing for the portrait and landscape profiles for this device, but I’m still getting the issue of the Responsive not working properly when I change orientation.
  • Levie (ITG)
    Hi Christopher, if you could attach a small sample and send it to support AT wisej DOT com we can provide some feedback on how to utilize the responsive profiles. Best, Levie
  • Christopher Bateson
    Sent as Google Drive link
  • You must to post comments
Showing 2 results