HorizontalArrangement - framing

[Ondrej_Ruz]

Hello.
Can anyone advise?
How do I make a horizontal HorizontalArrangement frame?
Ondrej

[gordonlu310]

@Ondrej_Ruz

horizontal HorizontalArrangement frame

Can you elaborate more about this?

[dora_paz]

You mean something like the image below ? If so it can be achieved with a HA inside a HA and setting first's HA arrangement to a darker color than the second. Otherwise you can check App Inventor Extensions for cardview extensions

[Ondrej_Ruz]

Inside HorizontalArrangement I have several Label. And I want to frame it all on all sides with a line (eg a rectangle). To make it visible.
Ondrej

[gordonlu310]

Here is an AIA to see.

HA.aia (1.3 KB)

1. Create 4 HorizontalArrangements. Set their heights and widths to 5 pixels. Rename them to LittleSpace1 to 4.

2. Add a new HorizontalArrangement and VerticalArrangement. Set their BackgroundColors to the color you want the frame to be.

3. Put the HorizontalArrangement that has the labels inside the VerticalArrangement.

4. Put 2 LittleSpaces above and below the HorizontalArrangement in the VerticalArrangement.

5. Put the VerticalArrangement inside the other HorizontalArrangement.

6. Put the remaining 2 LittleSpaces on the left and right of the HorizontalArrangement in the VerticalArrangement.

The above text is very confusing, so I gave you an AIA file.

[dora_paz]

Otherwise for labels you could use LabelPlus - Additional methods for the Label component

Blocks

Result

[Ondrej_Ruz]

Thanks. That's how I did it. It is OK.
One more question please:
I have more screens. They are similar ... How to copy an entire Screen design to another blank screen.
Ondrej

[gordonlu310]

This?

Copy a Screen within MIT App Inventor

This tutorial will show you how to copy a screen in MIT App Inventor. This is useful when you need to have similar screens in your app. The same thing applies to duplicating blocks or components in your project. Go to the screen that you want to copy. Select the screen in the Components list, which is betweeen the Viewer and Properties. Hit the 'Copy' combination on your PC (for example, Windows is Ctrl+C) Create a new screen. Your copied components will place here. Hit the 'Paste…

[dora_paz]

See animation example

My copy shortcut isn't working or I can't delete screens (don't want to delete screen 1)

Use Ctrl+C to copy a component and Ctrl+V to paste it [animation22]

[ChrisWard]

@Ondrej_Ruz

I have more screens. They are similar

Hello Ondrej

If the Screens are similar, you might not need the extra Screens - just swap-out the items specific to each 'Screen'. You could also consider using Virtual Screens:

When we define virtual screens, we use one 'real' App Inventor Screen (most often Screen1). Screen-sized Vertical Arrangements on it are displayed/hidden as required - they are the Virtual Screens. This is generally a better approach for multi-screen Apps, they share data without having to "pass" it between screens and it also reduces code duplication, making the App more efficient and the code easier to follow if you have to return to it at a later date.

So, instead of separate "houses", virtual screens are "rooms" of the same "house".

[ABG]

See Building Apps with Many Screens
from
FAQ Section: Screens

[FASOYLAS_GIORGOS]

Hello, is there a similar extension for checkboxes and textboxes?

[TIMAI2]

Have a look:

Extension Links

Taifun
Puravidaapps

Lost Extensions 1
Inactive Communities

Lost Extensions 2
Thunkable/Others

[gordonlu310]

I don’t think you need another extension for this, because in Java, text boxes and check boxes belong to the same branch. Try the extension with text boxes and see if it works.