Hello,
I was looking if I can find a way with a dropdown to select time for juss Week to date, previous week, month to date, previous month, year to date, and a date range picker (if someone wanted to choose which months or weeks).
thanks
got it used below in xml
<panel>
<html>
<style>
body,
.dashboard-body,
.footer,
.dashboard-panel,
.nav
{
background: #F8FCF7;
}
div[data-test^='time-range-dialog']
{
background-color: #EDF8EB;
min-width: 300px !important;
width: 400px !important;
}
div[data-test^='body']
{
background-color: #D1ECCC;
}
button[data-test^='Yesterday'],
button[data-test^='Today'],
button[data-test^='Last 4 hours'],
button[data-test^='Last 7 days'],
button[data-test^='Last 24 hours'],
button[data-test^='Last 30 days'],
button[data-test^='Business week to date'],
button[data-test^='Previous business week'],
button[data-test^='Previous year'],
button[data-test^='Last 15 minutes'],
button[data-test^='Last 60 minutes'],
div[data-test^='real-time-column'],
<!-- div[data-test^='relative'], -->
div[data-test^='other'],
<!--div[data-test-panel-id^='preset'], -->
div[data-test-panel-id^='dateTime'],
div[data-test-panel-id^='advanced'],
div[data-test-panel-id^='realTime'],
div[data-test-panel-id^='relative']
{
display: none !important;
}
</style>
</html>
</panel>
got it used below in xml
<panel>
<html>
<style>
body,
.dashboard-body,
.footer,
.dashboard-panel,
.nav
{
background: #F8FCF7;
}
div[data-test^='time-range-dialog']
{
background-color: #EDF8EB;
min-width: 300px !important;
width: 400px !important;
}
div[data-test^='body']
{
background-color: #D1ECCC;
}
button[data-test^='Yesterday'],
button[data-test^='Today'],
button[data-test^='Last 4 hours'],
button[data-test^='Last 7 days'],
button[data-test^='Last 24 hours'],
button[data-test^='Last 30 days'],
button[data-test^='Business week to date'],
button[data-test^='Previous business week'],
button[data-test^='Previous year'],
button[data-test^='Last 15 minutes'],
button[data-test^='Last 60 minutes'],
div[data-test^='real-time-column'],
<!-- div[data-test^='relative'], -->
div[data-test^='other'],
<!--div[data-test-panel-id^='preset'], -->
div[data-test-panel-id^='dateTime'],
div[data-test-panel-id^='advanced'],
div[data-test-panel-id^='realTime'],
div[data-test-panel-id^='relative']
{
display: none !important;
}
</style>
</html>
</panel>