children=['n_clicks value: . n_clicks_previous value: '])
]),
sd_material_ui.FlatButton(id='input5',
label='Click me',
backgroundColor='orange'),
# Test SDIconButton
html.Div(children=[
html.P(id='output12',
children=['n_clicks value: . n_clicks_previous value: '])
]),
sd_material_ui.IconButton(id='input12',
children=['help'],
iconStyle={
'color': 'orange',
'width': 48,
'height': 48
},
tooltip='click for more information',
touch=True,
tooltipPosition='bottom-right'),
# Test buttons together to see which was clicked
html.Div(children=[
html.P(id='output4-5-12', children=['Which button was clicked? ']),
html.P(
id='output4-5-12-b',
children=[
'Clicked values for flat () and raised () and icon () buttons'
])
]),
spacer,
_style = {
"height": 32,
"width": 32,
"padding": 2,
"border-radius": "2px",
"flex": 1,
"margin-right": 2
}
menu = html.Div(children=[
mui.IconButton(tooltip="Delete Plot",
tooltipPosition="bottom-right",
iconClassName="fas fa-trash-alt",
touch=True,
iconStyle=_iconStyle,
style={
"background": "#EBBAB9",
**_style
}),
mui.IconButton(tooltip="Save Plot",
tooltipPosition="bottom-center",
iconClassName="fas fa-save",
touch=True,
iconStyle=_iconStyle,
style={
"background": "#C9C5BA",
**_style
}),
mui.IconButton(tooltip="Upload Plot to Cloud",
tooltipPosition="bottom-center",
children=['n_clicks value: . n_clicks_previous value: '])
]),
sd_material_ui.FlatButton(id='input5',
label='Click me',
backgroundColor='orange'),
# Test SDIconButton
html.Div(children=[
html.P(id='output12',
children=['n_clicks value: . n_clicks_previous value: '])
]),
sd_material_ui.IconButton(id='input12',
iconClassName='glyphicon glyphicon-cog',
iconStyle={
'color': 'orange',
'width': 48,
'height': 48
},
tooltip='click for more information',
touch=True,
tooltipPosition='bottom-right'),
# Test buttons together to see which was clicked
html.Div(children=[
html.P(id='output4-5-12', children=['Which button was clicked? ']),
html.P(
id='output4-5-12-b',
children=[
'Clicked values for flat () and raised () and icon () buttons'
])
]),
spacer,
# sd_material_ui.FlatButton(id='iut', label='Click me', backgroundColor='#2ab7ca'),
html.Br(),
# <div class="card border-primary mb-3" style="max-width: 18rem;">
# <div class="card-header">Header</div>
# <div class="card-body text-primary">
# <h5 class="card-title">Primary card title</h5>
# <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
# </div>
html.Div(
[
sd_material_ui.IconButton(
id='upload',
iconClassName='fas fa-cloud-upload-alt',
iconStyle={
'color': ' #899bde',
'width': 100,
'height': 100,
'fontSize': 160
},
),
html.Div([html.H5("No files were uploaded :(")],
className="uploadText"),
# html.H5("No files were uploaded"),
],
className="centerDiv",
id="centerDiv"),
html.Br(),
# html.H5("Updated Table"),
html.Div(id="alert"),
label='Export as PDF',
backgroundColor='#27cddc',
style={'color': 'white'},
),
],
className='no-print'),
html.Hr(),
html.Br(),
html.Div(
[
sd_material_ui.IconButton(
id='button-text',
iconClassName='fas fa-plus-circle',
iconStyle={
'color': ' #fe8a71',
'width': 100,
'height': 100,
'fontSize': 40
},
tooltip='Add textArea',
touch=True,
tooltipPosition='bottom-right'),
# html.Button('Add TextArea', id='button-text'),
daq.BooleanSwitch(id='toggle-table',
on=True,
label="Toggle Table",
color='#fe8a71'),
daq.BooleanSwitch(id='toggle-kmeans',
on=True,
label="Toggle Clustering",
color='#fe8a71'),
],
id='dragger',
handle='.handle',
defaultPosition={
'x': 200,
'y': 0
},
children=[
html.Div([
sd_material_ui.Paper(children=[
sd_material_ui.IconButton(
id='button',
iconClassName='glyphicon glyphicon-menu-hamburger',
iconStyle={
'color': 'grey',
'width': 50,
'height': 50,
'position': 'relative',
'top': '2px',
'left': '-12px'
},
tooltip='Drag Me',
touch=True,
tooltipPosition='bottom-right')
],
zDepth=3,
circle=True,
style=dict(height=50,
width=50,
textAlign='center',
position='relative',
display='inline-block',
top='25px',