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

good night, I would like to know how this part of the code is working, how do you call the dataTable variable?

relase page them Button dark theme not working in Releases page template.zip

Originally posted by @Syafr in #90 (comment)

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 :)

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 ?

While using this theme, I noticed that the contrast in the yellow alert box (and other components that share this color scheme) is pretty low.

What's your opinion on this? Maybe we could use some color scheme for the new release.

please add rtl support

1. I couldn't review the compiled web page by browserSync
   it's show nothing in my browser, only edge's loading tab with url http://localhost:3000/ after running watch script
   except open dist/index.html
2. I'v learned a bit about webpack, laravel-mix and nunjucks by mazer ,but i still don't know how can author make so amazing web page, even i couldn't compile the entirely dist folder of mazer after deleting dist folder. I wish author could open the Discussions tab of mazer ,thank you for teaching @zuramai

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

Dropdownnya kok nyamping bang, jadi bisa di geser.
Cara bikin biar nengah gimana bang , biar kaya sb admin gitu.

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

Is it possible to remove the copyright notice from the footer and use the theme for commercial purpose?

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,

The horizontal Layout does not fit the screen is the latter is wider or if I dezoom. It stays fixed.

thank you

Description

Mobile Version

Web Version

it dones responsive but the background color i think should not change too.

Tasks

• Use #435ebe in .main-navbar background-color for mobile version instead.

Is it possible to keep only the toolbar (main-navbar) on top when scrolling down?
The "header-top" is not essential on scrolling

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,

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}

Components Button dark theme not working

Hi everyone,

Please, you can tell me if exist a darkmode in this template and how activate it? thanks

I want to show an invalid feedback error message for client validation, but when I show an error message under the input box that's the time the input icon breaks the shape.

Here the preview:

Any plan to incorporate form validation framework into this great template?

Hi there is a problem in right to left mode
In the characteristic image
ltr
rtl

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.

Hi,

Can you add Collapsable Responsive Menu with only Icons Showing?

Submenus will be shown when one hoovers on the icons.

Thank you

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?

Mazer v2.0 will be released after these features implemented:

• Upgrade to Bootstrap v5.2.0
• Adding pages for components (popovers, offcanvas, toasts, etc)

I don't see this dropdown when hovering the mouse on image. Could you help?

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.

when the form fill by recommendation text fill, it will turn into light mode.
but when we type manual it will still be dark theme

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.

To make this template usage friendly we need to care about the assets, some assets are offline, some are not, we need to keep it consistent and available in offline condition (in case the developers has problem with their connection).

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 :)

HI! need help
How add button html5 export (csv,excel,pdf) and print in your datatable (jQuery) ?

I Love this Mazer Template,
Thank You

I think the latest update has a wrong positioning with entries input.
the arrow is floating on the page number.

Windows 10
Firefox 90

Sometimes, around 20% of the time, when a page is loaded, some elements flash with incorrect color for a short period of time. It looks very disorienting.

Hi

I love Mazer Template, is there possible to add the DateTime Picker component

Thanks

Screenshots

Test on

Browser

• Edge - Version 92.0.902.78 (Official build) (64-bit), with default zoom(100%)

Screen size

• 13.3"

Display Settings

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

Error image error-403.png has 404 written in it instead of 403.

No problem on the light theme

But its problem on the dark theme

looks like the _accordion.scss file is not in assets

this is the view from the bootstrap documentation

please fix this, it's better to use a package manager like NPM/Yarn

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.

检测到 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

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'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

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?

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

1. In light mode, the text on the "Recommended" option is difficult to read because of very low contrast
   

2. In dark mode, there are strange white shadows behind the cards
   

Thanks

When visiting these URLs:

• form-editor-ckeditor.html
• form-editor-summernote.html

It's showing an active tab for this URL:
form-editor-quill.html

Additional URLs:

• layout-horizontal.html
• component-carousel.html
• form-element-textarea.html
• ui-map-jsvectormap.html

More to be checked on later.