mirror of
https://github.com/RGBCube/serenity
synced 2025-07-08 03:17:34 +00:00
f7e034d4b2
Previously, Frames could set both these properties along with a thickness to confusing effect: Most shapes of the same shadowing only differentiated at a thickness >= 2, and some not at all. This led to a lot of creative but ultimately superfluous choices in the code. Instead let's streamline our options, automate thickness, and get the right look without so much guesswork. Plain shadowing has been consolidated into a single Plain style, and 0 thickness can be had by setting style to NoFrame.
330 lines
8.1 KiB
Text
330 lines
8.1 KiB
Text
@GUI::Widget {
|
|
name: "basics_tab"
|
|
layout: @GUI::VerticalBoxLayout {
|
|
margins: [4]
|
|
}
|
|
|
|
@GUI::GroupBox {
|
|
preferred_height: "fit"
|
|
layout: @GUI::VerticalBoxLayout {
|
|
margins: [8]
|
|
}
|
|
|
|
@GUI::HorizontalSplitter {
|
|
layout: @GUI::HorizontalBoxLayout {
|
|
spacing: 4
|
|
}
|
|
|
|
@GUI::Frame {
|
|
name: "label_frame"
|
|
style: "SunkenPanel"
|
|
layout: @GUI::VerticalBoxLayout {
|
|
margins: [3, 4]
|
|
}
|
|
|
|
@GUI::Label {
|
|
name: "enabled_label"
|
|
text: "Label"
|
|
min_height: 16
|
|
}
|
|
|
|
@GUI::Label {
|
|
name: "disabled_label"
|
|
text: "Disabled"
|
|
min_height: 16
|
|
enabled: false
|
|
}
|
|
}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::VerticalBoxLayout {
|
|
margins: [0, 4]
|
|
}
|
|
|
|
@GUI::Label {
|
|
name: "word_wrap_label"
|
|
word_wrap: true
|
|
text_alignment: "TopLeft"
|
|
text: "Lorem ipsum sistema serenitas, per construxit klingre sed quis awesomatia, ergo salve amici."
|
|
}
|
|
}
|
|
}
|
|
|
|
@GUI::HorizontalSeparator {}
|
|
|
|
@GUI::Widget {
|
|
fixed_height: 22
|
|
layout: @GUI::HorizontalBoxLayout {}
|
|
|
|
@GUI::ComboBox {
|
|
name: "frame_style_combobox"
|
|
placeholder: "Combo box"
|
|
}
|
|
|
|
@GUI::ComboBox {
|
|
placeholder: "Disabled"
|
|
enabled: false
|
|
}
|
|
|
|
@GUI::VerticalSeparator {}
|
|
|
|
@GUI::SpinBox {}
|
|
|
|
@GUI::SpinBox {
|
|
enabled: false
|
|
}
|
|
}
|
|
}
|
|
|
|
@GUI::Widget {
|
|
fixed_height: 125
|
|
layout: @GUI::VerticalBoxLayout {
|
|
margins: [3, 8]
|
|
}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::HorizontalBoxLayout {}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::VerticalBoxLayout {}
|
|
|
|
@GUI::Layout::Spacer {}
|
|
|
|
@GUI::Button {
|
|
name: "normal_button"
|
|
text: "Button"
|
|
}
|
|
|
|
@GUI::Button {
|
|
name: "disabled_normal_button"
|
|
text: "Disabled"
|
|
enabled: "false"
|
|
}
|
|
|
|
@GUI::Layout::Spacer {}
|
|
}
|
|
|
|
@GUI::VerticalSeparator {}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::VerticalBoxLayout {}
|
|
|
|
@GUI::Layout::Spacer {}
|
|
|
|
@GUI::Button {
|
|
name: "enabled_coolbar_button"
|
|
text: "Coolbar button"
|
|
button_style: "Coolbar"
|
|
}
|
|
|
|
@GUI::Button {
|
|
name: "disabled_coolbar_button"
|
|
text: "Disabled"
|
|
enabled: "false"
|
|
button_style: "Coolbar"
|
|
}
|
|
|
|
@GUI::Layout::Spacer {}
|
|
}
|
|
}
|
|
|
|
@GUI::HorizontalSeparator {}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::HorizontalBoxLayout {}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::HorizontalBoxLayout {}
|
|
|
|
@GUI::Widget {
|
|
fixed_width: 60
|
|
layout: @GUI::VerticalBoxLayout {}
|
|
|
|
@GUI::Layout::Spacer {}
|
|
|
|
@GUI::RadioButton {
|
|
name: "top_radiobutton"
|
|
text: "Radio 1"
|
|
checked: true
|
|
}
|
|
|
|
@GUI::RadioButton {
|
|
name: "bottom_radiobutton"
|
|
text: "Radio 2"
|
|
}
|
|
|
|
@GUI::Layout::Spacer {}
|
|
}
|
|
|
|
@GUI::Layout::Spacer {}
|
|
|
|
@GUI::Widget {
|
|
fixed_width: 70
|
|
layout: @GUI::VerticalBoxLayout {}
|
|
|
|
@GUI::Layout::Spacer {}
|
|
|
|
@GUI::CheckBox {
|
|
name: "top_checkbox"
|
|
text: "Checkbox"
|
|
}
|
|
|
|
@GUI::CheckBox {
|
|
name: "bottom_checkbox"
|
|
text: "Disabled"
|
|
enabled: false
|
|
}
|
|
|
|
@GUI::Layout::Spacer {}
|
|
}
|
|
|
|
@GUI::Layout::Spacer {}
|
|
}
|
|
|
|
@GUI::VerticalSeparator {}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::VerticalBoxLayout {}
|
|
|
|
@GUI::Layout::Spacer {}
|
|
|
|
@GUI::Button {
|
|
name: "icon_button"
|
|
text: "Icon button"
|
|
}
|
|
|
|
@GUI::Button {
|
|
name: "disabled_icon_button"
|
|
text: "Disabled"
|
|
enabled: "false"
|
|
}
|
|
|
|
@GUI::Layout::Spacer {}
|
|
}
|
|
}
|
|
}
|
|
|
|
@GUI::GroupBox {
|
|
layout: @GUI::VerticalBoxLayout {
|
|
margins: [6]
|
|
}
|
|
|
|
@GUI::Widget {
|
|
fixed_height: 47
|
|
layout: @GUI::HorizontalBoxLayout {}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::VerticalBoxLayout {}
|
|
|
|
@GUI::TextBox {
|
|
placeholder: "Text box"
|
|
mode: "Editable"
|
|
}
|
|
|
|
@GUI::TextBox {
|
|
text: "Disabled"
|
|
enabled: false
|
|
}
|
|
}
|
|
|
|
@GUI::VerticalSeparator {}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::VerticalBoxLayout {}
|
|
|
|
@GUI::TextBox {
|
|
text: "Read only"
|
|
mode: "ReadOnly"
|
|
}
|
|
|
|
@GUI::TextBox {
|
|
text: "Display only"
|
|
mode: "DisplayOnly"
|
|
}
|
|
}
|
|
}
|
|
|
|
@GUI::HorizontalSeparator {}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::HorizontalBoxLayout {}
|
|
|
|
@GUI::TextEditor {
|
|
name: "text_editor"
|
|
placeholder: "Text editor"
|
|
}
|
|
|
|
@GUI::VerticalSeparator {}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::VerticalBoxLayout {}
|
|
|
|
@GUI::Widget {
|
|
fixed_height: 22
|
|
layout: @GUI::HorizontalBoxLayout {}
|
|
|
|
@GUI::ColorInput {
|
|
name: "font_colorinput"
|
|
placeholder: "Color dialog"
|
|
}
|
|
|
|
@GUI::ColorInput {
|
|
placeholder: "Disabled"
|
|
enabled: false
|
|
}
|
|
}
|
|
|
|
@GUI::Layout::Spacer {}
|
|
|
|
@GUI::Button {
|
|
name: "font_button"
|
|
text: "Font picker dialog..."
|
|
}
|
|
|
|
@GUI::Button {
|
|
name: "file_button"
|
|
text: "File picker dialog..."
|
|
}
|
|
|
|
@GUI::Button {
|
|
name: "input_button"
|
|
text: "Input dialog..."
|
|
}
|
|
|
|
@GUI::Layout::Spacer {}
|
|
}
|
|
}
|
|
|
|
@GUI::HorizontalSeparator {}
|
|
|
|
@GUI::Widget {
|
|
fixed_height: 22
|
|
layout: @GUI::HorizontalBoxLayout {}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::HorizontalBoxLayout {}
|
|
|
|
@GUI::ComboBox {
|
|
name: "msgbox_icon_combobox"
|
|
model_only: true
|
|
}
|
|
|
|
@GUI::ComboBox {
|
|
name: "msgbox_buttons_combobox"
|
|
model_only: true
|
|
}
|
|
}
|
|
|
|
@GUI::VerticalSeparator {}
|
|
|
|
@GUI::Widget {
|
|
layout: @GUI::HorizontalBoxLayout {}
|
|
|
|
@GUI::Button {
|
|
name: "msgbox_button"
|
|
text: "Message box dialog..."
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|