Forum Documentation Showcase Pricing Learn more

[NEW TEMPLATE] Task Planner + Calendar

Hello Bubblers!
We are glad to announce a new template.

Task%20Planner
Task Planner saves the team from chaos and makes it easy to create new plans, organize and assign tasks. It can be used as task manager, to-do’s list app, project management tool, calendar.

You can:
Create/edit/delete projects
Invite users in projects
Create new tasks in projects
Edit and delete tasks
Close tasks
Assign a task to one of the team members
See all your tasks and todays tasks
Add colored labels to show if a task is unimportant or has become urgent.
Add comments
Upload files

Features:
Fully Responsive
Chat
Calendar
2 switchable color schemes (day and night mode)



Demo:

Template page:
https://bubble.io/template/task-planner-+-calendar-1556263209243x240822254980562940

If you have questions and bugs to report, contact us by email at [email protected].
We appreciate your reviews and suggestions.

Cheers
Jay | Mindforapps

3 Likes

Very nice design.

1 Like

Good work @MindForApps, its beautiful

1 Like

Hi could you share how did you change the page scrollbar color on this template?

Need to use an HTML element and add the code

::-webkit-scrollbar { width: 0px; height: 0px; } ::-webkit-scrollbar-button { width: 0px; height: 0px; } ::-webkit-scrollbar-thumb { background: transparent; border: 0px none; border-radius: 0px; } ::-webkit-scrollbar-thumb:hover { background: transparent; } ::-webkit-scrollbar-thumb:active { background: transparent; } ::-webkit-scrollbar-track { background: transparent; border: 0px none; border-radius: 0px; } ::-webkit-scrollbar-track:hover { background: transparent; } ::-webkit-scrollbar-track:active { background: transparent; } ::-webkit-scrollbar-corner { background: transparent; }

1 Like

didnt work for me

Instead this worked for me

< style type=“text/css” >

/custom scrollbar/

/*change the thinkness of the scrollbar here*/

::-webkit-scrollbar {
width: 6px;
height: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
-webkit-border-radius: 100px;
border-radius: 100px;
}
/add a shadow to the scrollbar here/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);
-webkit-border-radius: 100px;
border-radius: 100px;
display: none;
}
/this is the little scrolly dealio in the bar/
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #56cf50;
height: 3px;
}
/nobody needs this little scrollbar corner, I mean really, get rid of it haha/
::-webkit-scrollbar-corner { display: none; height: 0px; width: 0px; }

< /style >