How to fix the width of notifier buttons?

MIT App Inventor Help
1

Hello,

I have a problem with how the buttons look with a notifier’s choose dialog. The first picture I’ve attached shows my problem - see how the “yes” and “no” buttons are all the way to the left? I’d like them to look like the second picture where their width takes up the entire box. I don’t know why the first one looks so weird. I’d appreciate any help :slight_smile:

Screenshot_Notifier1
Screenshot_Notifier11080×2340 134 KB
Screenshot_Notifier2
Screenshot_Notifier21080×2340 180 KB

2

Do you have exported .aia files for the two cases so we can look for differences?

3

Well, the two cases are in the same app, on different screens. The first one is on Screen2 and the second one, which is what I want the first to look like, is on Screen3.

Here’s the .aia:
JournalStash.aia (221.4 KB)

4

This is interesting.

(I fixed the init global Theme block to clear its error, by the way, but it’s not connected to this particular problem.)

I only see 2 differences between the Notifier calls …

  • One originates in a ListView.AfterSelection, and the other originates from a Button.Click event. Could the ListView component’s leftward orientation be passing down to a pop up Notifier?
  • The working Notifier has enough text to wrap around, while the non-working Notifier has short text.

Those differences can be eliminated by your experimentation, to see which causes the difference.

Screen2 blocks
Screen2 blocks778×3389 423 KB
Screen3 blocks
Screen3 blocks942×7274 952 KB
Screen3 DeleteBtn Click
Screen3 DeleteBtn Click701×194 13.2 KB
initialize global Theme screen2 listview1 afterpicking
If Neither works, try removing extensions.

1 Like
5

Right, I didn’t think about the ListView’s left orientation influencing the notifier buttons. I think I’ve tried putting more text in the notifier before, but the buttons stayed the same. I’ll experiment with changing the ListView orientation though; that might fix it.

Thanks a bunch for your insight! :slightly_smiling_face:

6

If that doesn't work, try de-coupling the ListView selection event from the Notifier call, by interposing a global variable for the .Selection value and a single-shot Clock Timer to call the Notifier using the global variable, after the ListView event has completed.

7

After a short bit of testing, in Classic theme, it seems that the sizing of the buttons is related to the length of the message. If the message runs over one line, then the buttons are sized to fill. Not found a way to workaround this, tried adding a <br> but this didn’t help. Nothing to do with the listview.

In Device Default theme, the two button texts stay in the right and left bottom corners, regardless.

8

Workaround: as seen in the blocks below add a font color of #0A0A0A to some dummy text to over run the line, result wide buttons :slight_smile:

blocks (20)
blocks (20)712×272 28 KB

image

Silly bug though, maybe MIT @Susan will add it to the list ?

1 Like
9

This is interesting. Thanks for the tag. I’ll look into it.

10

Hi,

How did you manage to get 4 input lines on the join block?

Mine only has 2 by default and could not seem to increase them.

Thanks in advance,

Spitzy

11

Managed to find it from the gear option and adding the string lines…thanks anyway