iOS Question Layout does not appear same as designer

[CrownDeveloper]

Hi, Am i doing something wrong. I design a layout on designer using tab (768 x 1024) which appears perfect on designer but when I load the layout in app it doesn't show the page same as designer (see attached Appimage and designerImage). it goes out of bounds of the device. my code to load layout is below.

Sub Process_Globals
    'These global variables will be declared once when the application starts.
    'Public variables can be accessed from all modules.
    Public App As Application
    Public NavControl As NavigationController
    Private Page1 As Page

    Private Button1 As Button
    Private Panel1 As Panel
End Sub

Private Sub Application_Start (Nav As NavigationController)
    'SetDebugAutoFlushLogs(True) 'Uncomment if program crashes before all logs are printed.
    NavControl = Nav
    Page1.Initialize("Page1")
    Page1.Title = "Page 1"
    Page1.RootPanel.LoadLayout("1")  ' 1 is the name of layout
   
    NavControl.ShowPage(Page1)
End Sub

 

[BillMeyer]

Good day,

Me thinks you should first read this: https://www.b4x.com/android/forum/threads/b4x-anchors-demonstrated.64112/#content
and then follow with this: https://www.b4x.com/android/forum/threads/designer-script-autoscale-tutorial.47184/#content

and you should then get a good idea of where your problem lies.

 

[CrownDeveloper]

I was confused because layout was shown properly on tab without adding variant, but what i needed was to add a tab variant to work properly in compiled app.
Thanks for tip.