Once My Tasks page is ready, let's add one more page to our project and name it as Create a task. To do this, conduct the following steps:
Type "Create a task" instead of "Card header" in the card header space.
Turn to the space placed in the middle of the card, click on it, and add one more space from the right side.
Now, we have 2 spaces in the middle of the card. Resize them so that each space took 50% of the row.
Add one space below, and one more from the right side of the space. Resize two new spaces in the same way.
Work with the lower left space. Conduct the following steps:
As a result, we get three spaces from the left and two spaces from the right.
Now, divide the spaces on the left side until there are six spaces on the left side in total.
Note: there should be only two spaces on the right side.
Fill in the spaces with content starting from the upper left corner. Insert the Text component here with the next properties:
Move to the space below. Add an Input component in it with the following properties:
See the results:
Move down to the space below. Add a Text component there with the following properties:
Move to the other space placed below. Place the following categories here:
Further, add a Select component with the properties:
Move to the next space placed below and add a Text component here with the following properties:
See the results:
Now, let's work with the lower space placed on the left side, and add a Select component here with the next properties:
Add a "Select" component with the properties:
The left part of the screen is ready:
Move to the upper right space, and add a Text component there. Edit its properties as follows:
Now, work with the space placed under Due to date. Add a Calendar component there, and set the following properties:
Our Create a Task page is almost ready, see the results:
The last part to work with is the card footer. Add a Button link in its space and select the button settings:
Copy the button link (select it and press ctrl+C) and insert it (ctrl+V) again in the same space. Change the following properties of the copied button link:
Additionally, align the buttons to the left side of the space horizontally and to the center vertically. See the results:
For now, we can link only the Cancel button: go to its settings, find and click on the Link in the configuration panel, and select the My Tasks page.
Our task management system is almost ready! Now, we need to create one more page with the tasks. Conduct the following steps:
Almost done! Let's finish with the following steps:
Let’s now look at our task management system. Click on the view button (an eye icon) on the top center part of the screen. Now, you can share the project you've created with your friends using the Share button placed on the upper right part of the screen.
For your convenience, we've summarize all the actions we've taken in the course of our guide in one place. Feel free to follow the link to have a look at the task management system created in UI Bakery!
Get updates on the newest stories, case studies and tips right in your mailbox.