HTML5 Fonts, blurry Graphics, text separation on new line

Beta Testing HTML5
#1

Hello guys,

Urgent help needed here!

i have 4 problems:

  1. Blurry graphics and text … this one was discussed before but not solved (i have great quality graphics, showing perfectly on Windows Desktop, iPhones, and Android Phones … on web it looks much less better … specially text … for web version i had to change colors to black which made it better
  2. I’m Using Arabic Font A.Jannat.LT.Bold.ttf … works on all platforms but web … i tried to follow previous discussion by editing index.html file and uploaded font files but it didn’t work for Arabic … it worked for the English font though OstrichSans-Black.ttf so i changed the font to Tahoma which supports Arabic and it worked without having to upload any font file … seems that browser controls this thing somehow
  3. Safari does not cash user name and password for some reason, and unpacking and downloading data keeps appearing
  4. final major problem … some sentences in Arabic are broken into 2 lines … 2 words actually… in English it does not break … my app supports 2 languages … so if the word is Grape & Mint it shows as it is … if it is(the translation):

عنب ونعنع

it shows as 

عنب

ونعنع

on 2 separate lines

you can check the app here

http://mhmoud86-002-site1.atempurl.com

this is it on the playstore

https://play.google.com/store/apps/details?id=com.gmail.aregeeleh.delivery

on the web you can create a user or use this one(user name and password are the same):

0790790790

attached is the source code for Andriod (Called Sheesha) i removed the images folder to allow it to fit here … can be copied from the second folder below which has the same images

and for Web (Called Sheesha Web)

i have 2 source codes because i did some changes for web version

#2

Thanks for detailed bug report… We are working on the issues.

#3

>>on web it looks much less better … specially text 

looks pretty good for me, but yes, slightly differently because on web app native browser’s text renderer is used

>> some sentences in Arabic are broken into 2 lines .

fixed, it should work properly with 3303

>> I’m Using Arabic Font A.Jannat.LT.Bold.ttf

fixed, it should work properly with 3303 (dots in file name was a reason of the bug)

>>Safari does not cash user name and password for some reason, and unpacking and downloading data keeps appearing

in progress

#4

Thanks man…

i also have a problem but not sure if it is your responsibility … would appreciate help either way though :slight_smile:

i registered a domain with google domains

www.cocktailappjo.com

i uploaded my corona code to my hosting server

http://mhmoud86-002-site1.atempurl.com

working perfectly on my hosting server

from google domains i forwarded the registered domain to my hosting server

and when you browse to www.cocktailappjo.com app starts loading, and shows my first “intro.lua” screen but never proceeds

what am i doing wrong?

#5

I guess output/log from browser’s debug console will be pretty useful to understand what’s wrong

#6

To open debug console right click on somewhere on window + pick ‘Inspect element’ + choose ‘console’ tab

#7

>>Safari does not cash user name and password for some reason, and unpacking and downloading data keeps appearing

Tested on Safari 11.1, works for me. Just needs to confirm “Would you like to save this password?”

#8

thanks for the help man…

the tests on browsers on mobile phones seems a bit different than browsers on a laptop or desktop in general … specially graphics …

the website is working Ok now … but i’m still facing a big problem i can’t solve …so please help me if you can

browsing through http://www.cocktailappjo.com loads first screen then stops … i’m sure it is related to network.request which seems to fail and cause the app not to proceed

because browsing through http://mhmoud86-002-site1.atempurl.com works perfectly but for some reason when using www.cocktailappjo.com it does not have access to the webservice somehow … maybe something related to hosting settings but i’m not really sure what would that be

i’m not an expert in web debugging … i tried to do it but didn’t see anything useful… just html and java scripts :slight_smile:

any hint

#9

Hi Vitali and Rob … thanks guys … it finally worked!!

i just had to change one line of code in main.lua

i had a variable that points to webservice

mainURL1="http://mhmoud86-002-site1.atempurl.com/Webservice1.asmx/"

i changed it to

mainURL1="http://www.cocktailappjo.com/webservice1.asmx/"

and it worked  :D  :D  :D  :smiley:

#10

i have something to report though…

from android phones … when i set the page to be a desktop site from browser options … the app’s graphics becomes crystal clear… as good as the normal desktop app downloaded from play stores …but the funny thing tap event does not respond … what would cause that …i don’t really know what a desktop site is!

#11

>>but the funny thing tap event does not respond 

First of all, needs to check debug console. Did you check output from debug console ? 

#12

i’m not really sure how to open the console on chrome on a mobile phone …  

#13

well, I can test it … what URL to the app ?

#14

www.cocktailappjo.com

and once it is open set it as desktop app from settings

Thanks

#15

fixed input text field position for android devices

#16

The reason your network.request() wasn’t working and why it started when you changed the URL is something called “Cross-domain scripting”. Basically web browsers restrict your ability to load a page from one website and then try to access a different site.

Glad you got that working.

Rob

#17

Thanks Rob… it is a bless that HTML5 exists in corona, because this particular app was rejected by apple! and my client wanted apple users to use it instead of downloading it from itunes…although HTML5 is getting everyone busy those days fixing issues and stuff but eventually it is a master piece … and it gave us developers a new line of business and power … so personally i truly appreciate what Corona team is doing day and night

didn’t get Vitali’s last reply:

>>fixed input text field position for android devices

still waiting for Desktop Site issue.

Regards,

Tariq

#18

Text position fix should come with build 3305.

#19

Thanks for detailed bug report… We are working on the issues.

#20

>>on web it looks much less better … specially text 

looks pretty good for me, but yes, slightly differently because on web app native browser’s text renderer is used

>> some sentences in Arabic are broken into 2 lines .

fixed, it should work properly with 3303

>> I’m Using Arabic Font A.Jannat.LT.Bold.ttf

fixed, it should work properly with 3303 (dots in file name was a reason of the bug)

>>Safari does not cash user name and password for some reason, and unpacking and downloading data keeps appearing

in progress