Here’s a use case that was probably never imagined. I’ve set this up for a quick history glance at my daily medications. An automation logs a calendar event when daily meds are taken/not taken and this is the result. I can think of lots of things where you might want a daily sucess/failure view and this is a nice option. I’m sure there are other ways, but this was relatively simple.
Its something with the other cards you’re using in the stack, and or the layout. I think your “select view” button might even be cutting it off or hiding it. If I use this code, in a single card, I can toggle the navigation on and off as expected. There are only minor changes to this code from yours, just to get it to display.
I too wondered if it was the select view, so I had removed that element temporarily and it still didnt appear.
I ran Dev tools in the browser, and the only error I could see was with the bubble-card mod.
I had recently updated to a newer version as it was stopping the “select view” element from working.
I rolled back, which then broke something else.
I upgraded from 1.12.0 week-planner-card to 1.12.1
Then rolled forward with the bubble-card mod again.
It then just appeared.
So im guessing something between the two mods was causing it to not display.
I’ve used some css with mod-card to make it display on the right hand side.
The arrows now just need better spacing, but suspect I need to do something with the spacing of the days and the remaining space left.
This will move the “month” up. You can use the different margins to move items within their container. You should be able to do the same with the navigation, although I’m not certain of the object.
card_mod:
style:
.month{
font-size: 80px !important;
margin-bottom: 20px !important;
}
Thanks sdholden. I assumed the arrows and month were all considered “navigation” as they both became visible when I added ‘showNavigation’
I’ll give this a go now.
I also realised that the week-planner-card doesnt allow you to see months in their own entirity. Its always a rolling x-days (depending on whats defined).
Is there a way to change this? If not I might also experiment with atomic calendar as that appears to be possible.
The margin and padding attributes didnt seem to work the way I wanted it to.
I ended up playing about with font sizes in both the navigation container and the month container.
navigation is font size 27 and month has a font size of 30
This seems to align them the best in my template
Thank you as well Chykan for the “month” setting. I’ve implemented those as well. One thing it wont do is go past 30 days. So december is only showing 30 days for example. It seems to be locked to 5 rows of 6 days. So doesnt want to expand to a 7th row.
I’ll keep playing around with it in the meantime, but any points or guides would be useful to learn form. Thanks
Thanks for the code, always useful to see how others have done theirs.
But I think the key difference is when you have ‘days’ as a number it allows you to put as much as you want. But if you set 31 for example, and there are only 28 days, it will give you days from the next month.
I noticed the navigation also then in theory says June, but has some of July as well. It can also say July for example when the majority might be August.
When I fix it to ‘month’ it doesnt go past 30 days.
Interesting, and I’ll keep playing with it though. I might create some other styles and templates as well to see which one fits best.
Thanks again
EDIT***
Actually if I set
days: 31
startingDay: month
It mostly works. Puts as many days as possible, then the first couple of days from the next month if it has less than 31.
Months with 31, then display correctly.
With the bubble-card mod. How do I set the text colour for the button itself?
At present I have this which allows the background color to change when clicked. The text is white regardless, but I havent specified this anywhere in the button/style config.
