Dreams Technologies
- English
-
3
Notifications Clear All
-
John Doe added new task Patient appointment booking
4 mins ago
-
Tarah Shropshire changed the task name Appointment booking with payment gateway
6 mins ago
-
Misty Tison added Domenic Houston and Claire Mapes to project Doctor available module
8 mins ago
-
Rolland Webber completed task Patient and Doctor video conferencing
12 mins ago
-
Bernardo Galaviz added new task Private chat module
2 days ago
-
-
8
Messages Clear All
-
Richard Miles 12:28 AM Lorem ipsum dolor sit amet, consectetur adipiscing
-
John Doe 6 Mar Lorem ipsum dolor sit amet, consectetur adipiscing
-
Tarah Shropshire 5 Mar Lorem ipsum dolor sit amet, consectetur adipiscing
-
Mike Litorus 3 Mar Lorem ipsum dolor sit amet, consectetur adipiscing
-
Catherine Manseau 27 Feb Lorem ipsum dolor sit amet, consectetur adipiscing
-
- Admin
- Main
- Dashboard
- Apps
- Employees
- Employees
- Clients
- Projects
- Tickets
- CRM New
- Contacts
- Companies
- Deals
- Leads
- Pipeline
- Analytics
- Activities
- HR
- Sales
- Accounting
- Payroll
- Policies
- Reports
- Performance
- Performance
- Goals
- Training
- Promotion
- Resignation
- Termination
- Administration
- Assets
- Jobs
- Knowledgebase
- Users
- Settings
- Pages
- Profile
- Authentication
- Error Pages
- Subscriptions
- Pages
- UI Interface
- Base UI
- Elements
- Charts
- Icons
- Forms
- Tables
- Extras
- Documentation
- Change Log v3.4
- Multi Level
App
Employees
Clients
Projects
Tickets
Accounting
Payroll
Policies
Reports
Training
Promotion
Resignation
Termination
Assets
Jobs
Knowledgebase
Activities
Users
Settings
Profile
Authentication
Subscriptions
Base UI
Advanced UI
Icons
Forms
Tables
Documentation
Change Log
Offcanvas
Offcanvas
You can use a link with the href
attribute, or a button with the data-bs-target
attribute. In both cases, the data-bs-toggle="offcanvas"
is required.
Offcanvas
List
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea
- At vero eos et accusamus et iusto odio dignissimos
- Et harum quidem rerum facilis
- Temporibus autem quibusdam et aut officiis
Offcanvas Backdrop
Scrolling the <body>
element is disabled when an offcanvas and its backdrop are visible. Use the data-bs-scroll
attribute to toggle <body>
scrolling and data-bs-backdrop
to toggle the backdrop.
Colored with scrolling
List
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea
- At vero eos et accusamus et iusto odio dignissimos
- Et harum quidem rerum facilis
- Temporibus autem quibusdam et aut officiis
Offcanvas with backdrop
List
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea
- At vero eos et accusamus et iusto odio dignissimos
- Et harum quidem rerum facilis
- Temporibus autem quibusdam et aut officiis
Backdroped with scrolling
List
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea
- At vero eos et accusamus et iusto odio dignissimos
- Et harum quidem rerum facilis
- Temporibus autem quibusdam et aut officiis
Offcanvas Placement
.offcanvas-start
places offcanvas on the left of the viewport (shown above).offcanvas-end
places offcanvas on the right of the viewport.offcanvas-top
places offcanvas on the top of the viewport.offcanvas-bottom
places offcanvas on the bottom of the viewport
Offcanvas Top
List
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea
Offcanvas right
List
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea
Offcanvas bottom
List
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea
Offcanvas Left
List
- Nemo enim ipsam voluptatem quia aspernatur
- Neque porro quisquam est, qui dolorem
- Quis autem vel eum iure qui in ea