Zen

Source string Source string

492/10000 · 492

The string is read only.

English Actions
Lets do something more interesting with our ``HelloWorld`` app.
When you make these changes, make sure you keep the imports at the top of the file, and the ``main()`` at the bottom of the file. You only need to update the ``HelloWorld`` class.
Modify your ``HelloWorld`` class inside ``src/helloworld/app.py`` so that it looks like this::
Let's look in detail at what has changed.
We're still creating a main box; however, we are now applying a style::
Toga's built-in layout system is called "Pack". It behaves a lot like CSS. You define objects in a hierarchy - in HTML, the objects are ``<div>``, ``<span>``, and other DOM elements; in Toga, they're widgets and boxes. You can then assign styles to the individual elements. In this case, we're indicating that this is a ``COLUMN`` box - that is, it is a box that will consume all the available width, and will expand its height as content is added, but it will try to be as short as possible.
Next, we define a couple of widgets::
Here, we define a Label and a TextInput. Both widgets have styles associated with them; the label will have 5px of padding on its left and right, and no padding on the top and bottom. The TextInput is marked as being flexible - that is, it will absorb all available space in its layout axis.
The TextInput is assigned as an instance variable of the class. This gives us easy access to the widget instance - something that we'll use in a moment.
Next, we define a box to hold these two widgets::
The ``name_box`` is a box just like the main box; however, this time, it's a ``ROW`` box. That means content will be added horizontally, and it will try to make its width as narrow as possible. The box also has some padding - 5px on all sides.

Loading…

User avatar None

Source string added

  1. BeeWare
  2. Tutorial
  3. Tutorial 2
  4. English
Toga's built-in layout system is called "Pack". It behaves a lot like CSS. You define objects in a hierarchy - in HTML, the objects are ``<div>``, ``<span>``, and other DOM elements; in Toga, they're widgets and boxes. You can then assign styles to the individual elements. In this case, we're indicating that this is a ``COLUMN`` box - that is, it is a box that will consume all the available width, and will expand its height as content is added, but it will try to be as short as possible.
5 months ago
Browse all string changes

Things to check

Long untranslated

The string has not been translated for a long time

Reset

Multiple failing checks

Following checks are failing:
Has been translated: Portuguese, French, Chinese (Simplified), Chinese (Traditional)

Reset

Glossary

English English
No related strings found in the glossary.

String information

Flags
read-only, rst-text
Source string location
../../tutorial/tutorial-2.rst:164 • 4812830988384152a8f24737565b2061
String age
5 months ago
Last updated
a month ago
Source string age
5 months ago
Translation file
string 28