[AC-3746] Font size not compatible with windows phone font size
| GitHub Issue | n/a |
|---|
| Type | Bug |
|---|
| Priority | n/a |
|---|
| Status | Closed |
|---|
| Resolution | Needs more info |
|---|
| Resolution Date | 2016-06-14T05:05:16.000+0000 |
|---|
| Affected Version/s | Appcelerator Studio 4.5.0 |
|---|
| Fix Version/s | n/a |
|---|
| Components | Studio |
|---|
| Labels | 8.1, AES, alloy, font |
|---|
| Reporter | Parmeet Singh |
|---|
| Assignee | Shak Hossain |
|---|
| Created | 2016-06-06T12:38:03.000+0000 |
|---|
| Updated | 2016-06-14T10:03:53.000+0000 |
|---|
Description
The font size of appcelerator app is not compatible with windows phone font size,
as for the normal font size the app works fine but once I change the text size of font through settings, the app screens gets scrumbled up terribly.
I am attaching the app screens before and after changing the font size.
Please help.
Attachments
| File | Date | Size |
|---|
| after.png | 2016-06-06T12:36:28.000+0000 | 222069 |
| before.png | 2016-06-06T12:36:25.000+0000 | 89752 |
Hello [~paramsb], Thanks for reaching out. The issue you have mentioned need to be reproduced in our environment so that we are able to give you workaround. So, please share with us your test code and mention step to reproduce the issue. Thanks in advance for your effort
Hi Nazmus, I am adding a sample code please check. Steps to reproduce : 1 : Create new project in Appcelerator Studio. 2 : Copy below files to index.js, index.tss, index.xml 3 : run. 4 : Go to emulators (device) settings -> Ease of access -> Increase text size. 5 : Navigate to app again. ************************************* index.js ********************************************** var data = []; var tableData = []; var row = Ti.UI.createTableViewRow({ height : '120dp' //height : '155dp' }); var container = Ti.UI.createView({ left : "20%", layout : "vertical" }); var title = Ti.UI.createLabel({ text : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", font : { fontFamily : "Century Gothic", fontWeight : "Bold", fontSize : "18dp" }, color : "#d01227", left : '0%', width : '90%', //height : Ti.UI.SIZE, height : '36dp', //height : '50dp', top : "10dp" }); var sentTo = Ti.UI.createLabel({ text : "Sent to: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. " , wordWrap : true, font : { fontFamily : "Century Gothic", fontWeight : "Normal", fontSize : "14dp" }, color : "#999999", top : '5dp', left : '0dp', width : '90%', //height : '17dp', height : '16dp', }); var date = Ti.UI.createLabel({ text : "10/11/12", wordWrap : true, font : { fontFamily : "Century Gothic", fontWeight : "Normal", fontSize : "14dp" }, color : "#999999", top : '6dp', left : '0dp' }); var border = Ti.UI.createView({ height : "2dp", top : "115dp", //top : "150dp", backgroundColor : "red", width : "80%" }); var commentCount = Ti.UI.createLabel({ text : "10 comments", wordWrap : true, color : "#999999", //backgroundColor:"cyan", bottom : '10%', right : '10%', //top : '6dp', font : { fontFamily : "Century Gothic", fontWeight : "Normal", fontSize : "14dp" } }); //Ti.API.info("listtimeline2"); container.add(title); container.add(sentTo); container.add(date); row.add(container); row.add(border); row.add(commentCount); tableData.push(row); $.table.data = tableData; $.timelineWindow.open(); /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ********************************************** index.xml ***********************************************************