[NEW TEMPLATE] Task Planner + Calendar

[MindForApps]

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

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:

Bubble - Visual Programming

Template page:

Task Planner + Calendar Template for Bubble

If you have questions and bugs to report, contact us by email at contact@mindforapps.com.
We appreciate your reviews and suggestions.

Cheers
Jay | Mindforapps

[JonL]

Very nice design.

[timothymugendi]

Good work @MindForApps, its beautiful

[sohaan_gd]

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

[boston85719]

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; }

[sohaan_gd]

didnt work for me

[sohaan_gd]

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 >

[FJP]

Awesome template. I have a question about the calendar just to get more feeling about the capabilities of Bubble. If you are able to share some insights about the calendar’s styling and functionality, without going into to much detail:

• Is this calendar custom build using a plugin or custom acquired plugin or
• Is this the standard bubble calendar plugin with custom styling applied to it or
• Is this a fully custom calendar created with repeating groups and Javascript as described in one of the forum topics?

Thanks for your reply.