Cutting edge version fonts

[jeonlab]

I noticed the fonts for the Settings with the Cutting Edge f/w are bigger and easier to read. I like it.
But for my golfing app I made, E.showPromt() and E.showmessage() uses a couple of different sizes of fonts and the font size for the message is too small and the size for the buttons are unnecessarily too big.
I tried to find any options to specify the font size from the Reference page, but couldn't find any information.
Is there any way to specify font sizes for E.showPromt() and E.showmessage()?
Thanks.

[gfwilliams]

Hi,

I'm afraid there's no way to supply a font to use with showPrompt/showMessage. I guess it might be possible to add some option but at some point it might be better for you to just implement your own version in your app. You can check out the various iterations of showPrompt at https://github.com/espruino/Espruino/commits/master/libs/js/banglejs/E_showPrompt_Q3.js

Do you have an example of the kind of call you're using for E.showMessage/showPrompt and a screenshot of what happens? It might be I can tweak it somehow.

But button size thing is difficult - the small buttons were always a complaint before so I posted up about it, several users discussed it and we went with this new solution. At that point I don't think anyone said they were worried about the buttons being too big.

[jeonlab]

Thank you, Gordon, for your quick reply. I will take a look at the link you provided.
And here are two example screenshots and related codes.

E.showPrompt("Play now or\n\nView scores?", {
title: "Golf GPS",
buttons: {
"PLAY": 1,
"VIEW": 2
}
}).then(choice => {
if (choice === 1) fixGPS();
else browseScore();
});

const browsefile = require("Storage").open(scoreFiles[fileIndx].substring(0, 18), "r");
const l = browsefile.read(80);

E.showPrompt(l, {
buttons: {
"<-": 1,
"->": 2,
"End": 3
}
}).then(choice => {
switch (choice) {
case 1:
fileIndx = (fileIndx - 1 + scoreFiles.length) % scoreFiles.length;
break;
case 2:
fileIndx = (fileIndx + 1) % scoreFiles.length;
break;
case 3:
load();
break;
}
browseFiles();
});

[gfwilliams]

Thanks for that! Please could you paste up the contents of l that made that second prompt? It shouldn't have that empty line at the top at minimum (I've now fixed that).

It looks like there was some issue with the font selection (I bet you have a custom language font installed?) - it seems like Bangle.js saw a newline and thought it was a character the built-in fonts didn't handle! Normally it'd soldier on but as it had an international font installed it decided to use that! Also it seems the 28px font didn't have hyphens or underscores! If you install the latest cutting edge it's way better:

And if you remove the double newline I think it's a bit help too:

I also added a buttonHeight option if you really want to force the height (but I'd avoid that if you can):

E.showPrompt(`Hello
world
this is a lot of
text to draw on
lots and lots
of lines`, {buttonHeight:30,
buttons: {
"<-": 1,
"->": 2,
"End": 3
}
});

[jeonlab]

Hi Gordon,

That looks a lot better. I will update the f/w with the latest cutting edge.
I have attached the entire code.
golf-gps.app.txt

And yes, I do have international font (Korean) installed.