1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
#------------------------------------------------------------------------------
# Copyright (c) 2021-2025, Nucleic Development Team.
#
# Distributed under the terms of the Modified BSD License.
#
# The full license is in the file COPYING.txt, distributed with this software.
#------------------------------------------------------------------------------
""" An example demonstrates styling of notebook tabs.
The Notebook widget has 'tab', 'tear', 'scroller', and 'tool-button',
pseudo elements for styling tabs and the buttons.
<< autodoc-me >>
"""
from enaml.widgets.api import (
Window, Notebook, Page, Container, PushButton, Field, Html, ObjectCombo
)
from enaml.styling import StyleSheet, Style, Setter
enamldef MyStyles(StyleSheet):
Style:
style_class = "custom"
element = 'Page'
Setter:
field = 'background'
value = 'white'
Style:
style_class = "custom"
element = 'Notebook'
pseudo_element = 'tab'
Setter:
field = 'background'
value = 'white'
Setter:
field = 'color'
value = 'black'
Setter:
field = 'padding'
value = '5px'
Style:
style_class = "custom"
element = 'Notebook'
pseudo_element = 'tab'
pseudo_class = 'selected'
Setter:
field = 'border-bottom'
value = '2px solid blue'
Style:
style_class = "custom"
element = 'Notebook'
pseudo_element = 'pane'
Setter:
field = 'background'
value = 'white'
enamldef Main(Window):
title = "Notebook styles"
MyStyles:
pass
Container:
ObjectCombo: st:
items = ["Default", "Custom"]
Notebook: nbook:
tab_style = 'preferences'
style_class << "custom" if st.selected == "Custom" else ""
Page:
title = 'Foo Page'
closable = False
tool_tip = 'Foo Page here'
Page: bar:
title = 'Bar Page'
name = 'bar_page'
Container:
Field:
pass
Field:
pass
Field:
pass
Page: baz:
title = 'Baz Page'
name = 'baz_page'
Container:
padding = 0
Html:
source = '<h1><center>Hello World!</center></h1>'
|
