Layout.SideMenu

Classes

Layout.SideMenu

This layout template has one slot for its main content. It shows a "context bar" above that content, which has another slot for a module that shows context about the page, such as a .

The context bar has a button that opens a side menu, which is also a slot that can be filled. The side menu has a "Home" button on the top. You can also open the menu by hovering the mouse near the side of the template and close it by moving the mouse out of the menu.

Implements:

CSS classes: close-button - on the button that closes the menu context-bar - on the context bar context-bar-shadow-frame - hack for padding the context bar so the shadow shows up home-button - on the button that goes to the home page menu - on the whole menu sidebar menu-button - on the button that opens the menu

Properties

factory-id

Module ID

Type
String
Default value

factory-path

Path indicating where a module comes from in the app.json

Type
String
Default value

halign

How to position in extra horizontal space

Type
GtkAlign
Default value
0

valign

How to position in extra vertical space

Type
GtkAlign
Default value
0

hexpand

Whether widget wants more horizontal space

Type
Boolean
Default value
False

vexpand

Whether widget wants more vertical space

Type
Boolean
Default value
False

expand

Whether widget wants to expand in both directions

Type
Boolean
Default value
False

transition-duration

Transition Duration

Type
Number
Default value
250

Slots

content

Main content of the template

Required
yes

context

Slot for content in the center of the context bar (optional)

Required
yes

The content in the menu that slides out (optional)

Required
yes

The results of the search are