zuramai / mazer Goto Github PK
View Code? Open in Web Editor NEWFree and Open-source Bootstrap 5 Admin Dashboard Template and Landing Page
Home Page: http://zuramai.github.io/mazer
License: MIT License
Free and Open-source Bootstrap 5 Admin Dashboard Template and Landing Page
Home Page: http://zuramai.github.io/mazer
License: MIT License
Is it possible to remove the copyright notice from the footer and use the theme for commercial purpose?
Components Button dark theme not working
Any plan to incorporate form validation framework into this great template?
Error image error-403.png
has 404 written in it instead of 403.
relase page them Button dark theme not working in Releases page template.zip
Originally posted by @Syafr in #90 (comment)
Mazer v2.0 will be released after these features implemented:
The Choices documentation link was broken in this page:
https://zuramai.github.io/mazer/demo/form-element-select.html
and brokend link is :
https://choices.org/getting-started/installation
and i cant finde the libery website or Github link
Hi,
The horizontal Layout does not fit the screen is the latter is wider or if I dezoom. It stays fixed.
thank you
检测到 zuramai/mazer 一共引入了767个开源组件,存在3个漏洞
漏洞标题:Axios 安全漏洞
缺陷组件:[email protected]
漏洞编号:CVE-2021-3749
漏洞描述:Axios是一款基于Promise(异步编程的一种解决方案)的HTTP客户端。
Axios 存在安全漏洞,该漏洞源于在 axios 包中发现了一个 ReDoS(正则表达式拒绝服务)缺陷。攻击者可利用该漏洞为修剪功能提供精心设计的输入导致应用程序消耗过多的 CPU。
影响范围:(∞, 0.21.3)
最小修复版本:0.21.3
缺陷组件引入路径:[email protected]>[email protected]>[email protected]>[email protected]
另外还有3个漏洞,详细报告:https://mofeisec.com/jr?p=i9879b
I am looking to have some sticky button on side which opens a modal dialog upon click. I am planning to use this to provide search box. So, all my search criteria will reside in this modal which will be opened when someone clicks on this sticky button.
Hi,
For a project I would need a top bar in addition to the menu. This top bar should stay on all the time, a bit like on the bootstrap website (the search bar)
https://getbootstrap.com/docs/5.0/getting-started/introduction/?msclkid=abc7beefcd1811eca88527d4f74665f3
I've managed to do something, but it overlaps with the menu. Is this something you would consider to add in the next release?
Regards,
Hi
I love Mazer Template, is there possible to add the DateTime Picker component
Thanks
Hello, thank you for making this lovely template and open-sourcing it.
I see a couple of visual bugs in the pricing widget
In light mode, the text on the "Recommended" option is difficult to read because of very low contrast
In dark mode, there are strange white shadows behind the cards
Thanks
The logo bar occupies a lot of space and shows nothing but logo. Is it possible to merge the 2 bars together to have a single bar?
Thank you for this great bootstrap template.
I am using it with my Django project but when I select a tab, it doesn’t set the active tab to it but rather set it to the default Dashboard with the active class. The sub menu item also doesn’t change.
Any help will be appreciated.
Thank you
Hello,
I have a question. Could you please provide also not compiled js files in dist directory? I want to rewrite some things, but in compiled version it's a little bit hard or I can't do this in a simple way :)
Is it possible to keep only the toolbar (main-navbar) on top when scrolling down?
The "header-top" is not essential on scrolling
Hi,
Can you add Collapsable Responsive Menu with only Icons Showing?
Submenus will be shown when one hoovers on the icons.
Thank you
The toggle for dark mode does not appear to be working for the button components demo page:
https://zuramai.github.io/mazer/demo/component-button.html
Here is a screenshot to confirm:
I can give browser information (Chrome on MacOS - Version 101.0.4951.64 (Official Build) (x86_64)), but I suspect this is a universal issue.
Hai kak, saya ingin menggunakan Mazer Bootstrap ini untuk project saya. Saat saya mencoba mengakses halaman login di desktop komputer, semuanya aman-aman saja. Tetapi kalau diakses menggunakan HP maka akan mentok di atas tombol login seperti gambar ini:
https://res.cloudinary.com/dyvkwgumz/image/upload/v1611399517/IMG_20210123_175644_kqfnei.jpg
Kode belum saya ubah sama sekali. Apakah ada solusi? Terima kasih sebelumnya :D
User Agent Stylesheet by default overwrite written CSS in any browsers.
I found this bug by research recently in some browser i.e Firefox, Chrome, and Brave after reading this issue #21.
Looks like the bootstrap.css is missing the accordion styling making accordions render like this https://i.imgur.com/BuWqZlH.png
We can add the below code into the bootstrap.css to make it render like this but I'm not sure it fits with the theme. https://i.imgur.com/BHrAnqr.png
Would also be good to move off the alpha version of Bootstrap 5. How are we best to do that while keeping the same styles/colors? I've tried swapping out the css/js files for vanilla bootstrap 5 non-alpha and it looks quite different. Is there a tool that can upgrade bootstrap css files but keep any custom colors/styles?
EDIT: Sorry, I'm new to webdev - just realised this is all to do with the scss files. We're missing the accordion one so that's why it's unthemed. It also answers my other question - just use the scss to compile a new theme and upgrade!
.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}
Hi, i try to implement datatable with export excel. i follow this https://datatables.net/extensions/buttons/examples/initialisation/export.html
but i have problem like this:
can you give me trick to enable export data ?
please add rtl support
Saya pake bootstrap versi 5.1.3 kok beda ya tampilannya dari dropdown dll, ga seperti didemo. saya cek didemo pake bootstrap v5.0.0-alpha2 lalu saya coba install bootstrap v5.0.0-alpha2 lewat npm tapi pas jalanin mix error undefined variable blablabal.
Hi
I love Mazer Template, is there possible to add the DateTime Picker component
Thanks
Hi,
I think there might be an interference with bootstrap collapsible (for instance like this: https://getbootstrap.com/docs/5.0/components/collapse/)
When app.js is called, the collapsibles don't hide anymore.
Thanks :)
The CSS file 'assets/vendors/fontawesome/all.min.css' references a file which could not be found:
assets/vendors/webfonts/fa-brands-400.eot
but seems like the folder assets/vendors/webfonts does not exist
is there a fix for this?
Hello,
I would ask to if you are going to update your theme to bootstrap 5.0.1?
I need for example accordions for my project
I will be very grateful
Hi everyone,
Please, you can tell me if exist a darkmode in this template and how activate it? thanks
Error when i run this command:
npm install react-mazer-ui --save
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/react-mazer-ui - Not found
npm ERR! 404
npm ERR! 404 'react-mazer-ui@latest' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.
Thank a lot for your good work. Love what you have done so far.
I would like to know if you know when you will release the horizontal layout (https://zuramai.github.io/mazer/demo/layout-horizontal.html) ?
Thank you
HI! need help
How add button html5 export (csv,excel,pdf) and print in your datatable (jQuery) ?
I Love this Mazer Template,
Thank You
Hi, I'm using you theme in my project.
The issue I'm having is that when using a choices js component, I'm unable to select more than 5 items.
I checked choices.js file and couldn't find any setting that limits to 5 items...
How can I configure it to allow more than 5?
Its supposed to be unlimited by default right?
Also, is it possible to allow items that are not already there in the pre defined list??
Thanks
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.