2017년 7월 7일 금요일

Questionnaire with 5 buttons in a row, each button with 10-12 letters


I want to develop an questtionaire with exactly 5 buttons in a row in portrait orientation. Each botton with a particular word. Unfortunately, each of the words has many letters (10-12 each), and the words have to be in a row. App inventor shifts out the fifth word to the right, so that it cannot be read.

Is there a solution to reduce the distance before and after the word in the button, without the need for a new line?

--
Think about changing design, because even if that's feasible, it may not look correct on a device with smaller screen size

-- 
Hi Markus, other ideas: 


- use Canvas with text. 
- use Button.Image  with text image.

-- 
List the 5 words back to back in a html label, 
separated by commas.  Highlight the focused selection candidate
by surrounding it with <big> or <bold> markup, as appropriate.
Add a slider or buttons or a thin canvas to move the focus left or right,
per taste, and add a SELECT button to accept the focused choice.

(Or just use a ListView on the side).

-- 
since in the end there are 50 buttons, 50 images with only one word as content seems a lot of work.
can you help me getting an canvas with text?

-- 
Thank you, friends. But there should be something like a button for the user to tap on.. No slider. 
Is there a possibility to reduce the gap between text and margin of a button? 
On a tablet there should be enough space for up to 60 letters in portrait orientation, similar to a piece of paper.

-- 
An image from your Designer screen would help the forum provide suggestions.

1) I expect you  do not need 50 buttons.   You probably could do with 5 buttons in a row in a horizontal  arrangement.  You use a List to populate the buttons.As each responce in your question is made, use a button (Next Question) to add the answer to a List then ultimately in a TinyDB for persistence. 

2) The margins on a Button are set automatically.  You can reduce the font size to reduce the Button footprint.  The font size is currently size 14, try 10 and perhaps you will fit everything on a row, if that does not work, use a horizontal scrollable arrangement perhaps for your 'row' of five buttons.

3) This advice might help you design your screen


--
If you have not done so yet, check out the ListPicker and ListView components.

I like the List Picker for its efficient use of screen space.

-- 
Thanks Steve and Abraham. I could solve the problem with your help! With responsive design it works, i did not know this feature!
GREAT!

-- 

댓글 없음:

댓글 쓰기