Back to Chromium

OOBE Dialogs

chrome/browser/resources/chromeos/login/components/dialogs/README.md

149.0.7827.21.8 KB
Original Source

OOBE Dialogs

oobe-adaptive-dialog

Overview

oobe-adaptive-dialog implements standard dialog which is used in OOBE screens. This folder contains two different implementations of it. *old implementation is just a fallback to old oobe-dialog which was used before.

Usage

Both implementations have similar set of slots:

icon, title, progress (for progress bar), subtitle, content, back-navigation and bottom-buttons.

back-navigation is usually used for holding back button, bottom-buttons for the rest buttons.

It is intended to use oobe-adaptive-dialog along with style sheets: <style include="oobe-dialog-host-styles"></style>, and add OobeDialogHostBehavior.

Fonts and other styling for title, subtitle and regular text is applied separately outside of the oobe-adaptive-dialog implementation.

oobe-content-dialog

Overview

oobe-content-dialog implements dialog for content placing only. It has one mode for landscape and portrait orientation. This folder contains two different implementations of it. Old implementation is just a fallback to old oobe-dialog which was used before.

Usage

Both implementations have similar set of slots: content, back-navigation and bottom-buttons.

back-navigation is usually used for holding back button, bottom-buttons for the rest buttons.

It is intended to use oobe-content-dialog along with style sheets: <style include="oobe-dialog-host-styles"></style>, and add OobeDialogHostBehavior.

Most of the uses of oobe-content-dialog are hosting webview which usually has its own title, subtitle and icon. If there is an intention to show content without buttons it is possible to leave button slots empty - dialog still would have proper internal sizing and place the content properly. An example of such use is showing throbber-notice.