Jump to content

FMX Mobile + WebBrowser + UniGUI = Unreachable part at the top


ubaltino

Recommended Posts

I have a curious case that I can not solve for months. And now I need a solution.

This has happened to several versions of UniGUI with me.

So I need some help finding out what I'm doing wrong.

 

First my development environment:

- UniGUI version 1481

- Windows 10, virtualized with Parallels, with all updates.

- Delphi Tokyo 10.2.3

According to my senary and environment of production and testing:

- An FMX app with a TWebBrowser component, calls the UniGUI application

- My UniGUI application is in AWS (EC2). I am using Windows Server 2012. ISAPI + HyperServer. (Even without HyperServer, same problem happens).

Third for you to reproduce the error:

- Compile and run the Embarcadero demo application called "WebBrowser". Install on a Simulator or Mobile device. My tests were with iOS Simulator, iOS Device and Android Simulator. In all the same problem occurred.

. Compile and run the UniGUI demo called "scroll" for mobile.

- In the WebBrowser app, inform the link of the UniGUI application and click "GO".

Fourth, the problem:

- At the top is an inaccessible track.

- If you click the Exit or Close button, you'll find that this part is incomplete (session termination).

- Any other link that informs, other than a UniGUI application works without this problem, such as www.rapidili.com.

Attached screens.1680522643_Tela1.thumb.png.7b1486cad6eee59427e4159a23b8d27a.png822148386_Tela2.thumb.png.282fcddf87f051cf6878bd1de8244faf.png1756895670_Tela3.thumb.png.5659640599e7d612857ef8b2b57db866.png

 

I do not know who else to turn to. I looked here in the forum, and found no solution. And in the groups that I participate too.

Thank you.
 

Link to comment
Share on other sites

  • 1 month later...
  • 2 weeks later...
  • 2 weeks later...
  • Administrators
24 minutes ago, ubaltino said:

Yes. I tested with iOS and Android. Awaiting this solution for more than 45 days.

Yes, but the problem here is that it is not directly related to uniGUI. We can't guarantee that uniGUI will work in all embedded browser environments.

In order to resolve this issue we need to re-construct the same environment as yours, including the FMX application running on an iOS device.The complexity of the test environment prevents us to find a prompt solution.

Link to comment
Share on other sites

1 hour ago, Farshad Mohajeri said:

Yes, but the problem here is that it is not directly related to uniGUI. We can't guarantee that uniGUI will work in all embedded browser environments.

In order to resolve this issue we need to re-construct the same environment as yours, including the FMX application running on an iOS device.The complexity of the test environment prevents us to find a prompt solution.

Yes. It may not be a UniGUI error. But I need to sort this out.

So I went through the steps to reproduce the error. For this there is no mystery. Just use two test applications that come with the products:
1 - The "scroll" demo from the UniGUI "Form Scrollable" folder in the Mobile folder. Install it on your web server. In my case I'm using IIS + Windows Server 2012 + AWS. I already tested it without IIS and it gave same problem;
2 - And the "WebBrowser" demo from the Embarcadero Samples folder. You can use Simulator, Android and iOS. In my case all have same problem. In the dialog box enter the link where you installed the "scroll" UniGUI and click "GO".

I'm not altering anything in these demos. They are compiled as the original of each manufacturer.

If it works, please send me the link to test.

Link to comment
Share on other sites

  • 2 weeks later...
  • Administrators
3 hours ago, ubaltino said:

The error does not occur. Opens normally.

This is strange. Can you please provide more info. Which demo app have you used to test?

Can you also test this link with your embedded browser:

http://examples.sencha.com/extjs/6.6.0/examples/kitchensink/?modern#array-grid

It is an official Ext JS demo.

Link to comment
Share on other sites

22 hours ago, Farshad Mohajeri said:

Isto é estranho. Você pode por favor fornecer mais informações. Qual aplicativo de demonstração você usou para testar?

Você também pode testar este link com seu navegador incorporado:

http://examples.sencha.com/extjs/6.6.0/examples/kitchensink/?modern#array-grid

É uma demonstração oficial do Ext JS.

The same problem occurs with the reported link (http://examples.sencha.com/extjs/6.6.0/examples/kitchensink/?modern#array-grid).

So is Sencha the cause of the mistake?

To reproduce the error is very simple:
1 - Compile the example that is in the Delphi Samples folder called WebBrower (usually it is in C:\Users\Public\Documents\Embarcadero\Studio\20.0\Samples\Object Pascal\Mobile Snippets\WebBrowser)
2 - Run on the Simulator or iOS or Android Device. With me the error occurs in everyone.
3 - Report the link above (http://examples.sencha.com/extjs/6.6.0/examples/kitchensink/?modern#array-grid)

You will notice an area at the top unreachable.

Link to comment
Share on other sites

I have attached the Embarcadero example.

Only thing I changed was the link to http://examples.sencha.com/extjs/6.6.0/examples/kitchensink/?modern#array-grid
see that link presents the error that I quoted.

If you switch to http://examples.sencha.com/extjs/5.0.0/examples/kitchensink/?modern#array-grid
the error does not appear, that is, it is correct.

WebBrowser.zip

Link to comment
Share on other sites

On 1/23/2019 at 7:28 PM, ubaltino said:

I have attached the Embarcadero example.

Only thing I changed was the link to http://examples.sencha.com/extjs/6.6.0/examples/kitchensink/?modern#array-grid
see that link presents the error that I quoted.

If you switch to http://examples.sencha.com/extjs/5.0.0/examples/kitchensink/?modern#array-grid
the error does not appear, that is, it is correct.

WebBrowser.zip

hi,I've tried it. You can add the following CSS。

 

body{

margin-Top:0 !important;
padding-top:0 !important;
top:0px;
}

 

 

 

 

Link to comment
Share on other sites

16 hours ago, yxzzjg said:

hi,I've tried it. You can add the following CSS。

 

body{

margin-Top:0 !important;
padding-top:0 !important;
top:0px;
}

 

 

 

 

Hallelujah.

Thank you very much. That solved 100% for me. Even problems that were appearing on the Desktop disappeared.

I had this project stopped more than 60 days. I had already looked at other alternatives to UniGUI, I registered in the ExtJS forum to complain about the error. In other words, you need a solution.

When you come to Brazil, let me know that I paid for the beer.

Thank you.

Link to comment
Share on other sites

8 hours ago, ubaltino said:

Hallelujah.

Thank you very much. That solved 100% for me. Even problems that were appearing on the Desktop disappeared.

 I had this project stopped more than 60 days. I had already looked at other alternatives to UniGUI, I registered in the ExtJS forum to complain about the error. In other words, you need a solution.

When you come to Brazil, let me know that I paid for the beer.

Thank you.

Unigui is very good. This is a problem caused by extjs6. Some browsers do not support the latest flex layout attributes of css3. It is normal in extjs4, not a unigui problem. If you want to change the solution, you may need to change delphi, haha

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...