Hello all, I have a simple dashboard with a dropdown under the title. When I add styles into the title, the dropdown input element interferes with that and the full hight of the title panel is not visible.
This is my current inline style content. I want to display the full hight of my title panel. Can anyone help?
<label>Endpoint Configurations Summary Dashboard</label>
<row depends="$alwaysHideCSSPanel$">
<panel>
<html>
<style>
.dashboard-panel h2{
background:#6495ED !important;
color:white !important;
text-align: center !important;
font-weight: bold !important;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.highcharts-background {
fill: #ffffff !important;
}
.highcharts-grid-line{
fill: #ffffff !important;
}
h1 {
background:#6495ED !important;
color:white !important;
text-align: center !important;
font-weight: bold !important;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
h2, h3, p {
color: #696969 !important;
text-align: center !important;
}
</style>
</html>
</panel>
</row>
1 Solution
Did you tried by adding css on h1 header?
.dashboard-header-title {
height: 100px !important;
}May be this will solve your issue.
Thanks
KV
Did you tried by adding css on h1 header?
.dashboard-header-title {
height: 100px !important;
}May be this will solve your issue.
Thanks
KV
