Created: 29 January 2025
By: Codebucks
Email: codebucks007@gmail.com
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here . Thanks so much!
Clivax is built with Bootstrap v5.3.3 in HTML, SCSS with responsive with all devices and supported with Dark, light, RTL modes. You can change mode very quickly by doing a single change. It has many features like one to one chat, group chat, contact, send files, online users, read and unread new messages from users, authentication pages and many more.
📁Clivax
├──Documentation/
├──Admin/
├──📁Controllers/
└── Added all Controllers
├──📁Models/
├──📁obj/
├──📁Properties/
├──📁Views/
└── Added all Pages
├──📁wwwroot/
├──📁assets/
├── 📁css/
└── All css related files
├── 📁fonts/
└── All fonts files
├── 📁images/
└── All images files
├── 📁js/
├── 📁libs/
└── All libs files
└── All scss files
├── appsettings.Development.json
├── appsettings.json
├── Clivax.csproj
├── Clivax.csproj.user
├── Clivax.sln
└── Program.cs
Clivax is build with ASP.net Core 8 web app using Visual Studio 2022.
Please follow the below steps to install and setup all prerequisites:
Make sure to have Visual Studio downloaded on your machine.
After you finished with the above steps, you can run the following commands into the terminal/command prompt from the root directory (Clivax_*/asp/ ) of the project to run the project locally or build for production use:
| Command | Description |
|---|---|
Open Solution file
|
Open Clivax.sln file with Visual studio then compile the project and check it. |
To have light mode enabled, Keep your body element with data attribute
data-bs-theme="light" in the Shared/Views/Layout.cshtml
E.g. <body data-bs-theme="light"> to
have Light layout.
To have dark mode enabled, Keep your body element with data attribute
data-bs-theme="dark" in the Shared/Views/Layout.cshtml
E.g. <body data-bs-theme="dark"> to
have Dark layout.
To have rtl mode enabled, replace the reference of
bootstrap.min.css to
bootstrap-rtl.min.css and
app.min.css to
app-rtl.min.css in the Shared/Views/Layout.cshtml.
Also add dir="rtl" in the html tag. e.g <html dir="rtl">
We've used the following images, files or other plugins URL, Licenses as listed.
| NAME | URL | LICENSE |
|---|---|---|
| Bootstrap | https://getbootstrap.com/ | MIT |
| Unsplash - Images | https://unsplash.com/ | MIT |
| Apexcharts | https://apexcharts.com/ | MIT |
| Choices js | https://github.com/Choices-js/Choices | MIT |
| Dropzone | https://www.dropzone.dev/js/ | MIT |
| Flatpicker | https://flatpickr.js.org/ | MIT |
| Full Calendar | https://fullcalendar.io/ | MIT |
| Gmaps | https://hpneo.dev/gmaps/examples.html | MIT |
| Jsvectormap | https://github.com/themustafaomar/jsvectormap | MIT |
| Moment | https://momentjs.com/ | MIT |
| Simplebar | https://grsmto.github.io/simplebar/ | MIT |
| Sweetalert 2 | https://sweetalert2.github.io/ | MIT |
| Swiper | https://swiperjs.com/ | MIT |
| Toastify js | https://apvarun.github.io/toastify-js/ | MIT |