Hi all,

very happy with the quality of thje product as such, thank you, however I'm struggling to find a couple of things:

1. It says that the "Pro" version should have 25 example pages. However in the downloaded HTML assets I only find 6. I couldn't find these in online demos or documentation either. What am I missing, where should I look?

2. Is there a way to have the entire documentation as a package in the HTML download so I canwork with it locally? In the download there are no plugins and many components missing. So if I want to demo all the available components and plugins in my brand I need to build all of that from scratch locally which is a considerable amount of work ... which is exactly why I purchased the design system/dashboard in the first place :)

In addition, when I work on airplanes and trains I may not always have access to the online docs.

Thanks and keep up the good work!

Chris

It's like a graphic issue. Please take a look:

Version

Unknown

Reproduction link

#40

Operating System

WIndows 10

Device

N/A

Browser & Version

Chrome (Latest)

Steps to reproduce

Create an el-table
Add a b-dropdown button

What is expected?

The drop down shows outside of the table cell

What is actually happening?

The dropdown is truncated by the cell

Solution

I tried bringing the component forward with a z-order but that did not work.

Additional comments

Hello,

i push in Argon Dashboard Pro Menu Icon and then content view is scale to i think 90% but left sitebar not get smaler so left 10% of content is overlaped from left sidebar. Please try it self on your own demo site https://demos.creative-tim.com/argon-dashboard-pro/pages/dashboards/dashboard.html

Version

1.2.0

Reproduction link

https://demos.creative-tim.com/argon-dashboard-pro/pages/dashboards/dashboard.html

Operating System

Mac

Device

Macnook Pro 2019/iPhone XS

Browser & Version

Chrome, firefox and safari

Steps to reproduce

Open a fresh copy of the dashboard demo, click the hamburger (nav toggle) button at the top of the sidebar.

This happens on a fresh download but also on your demo version of the site which I have linked above

What is expected?

The sidebar should collapse to a smaller version

What is actually happening?

The page content will move behind the nav but the nav will not collapse.
This is also happening if you reduce the screen size, the sidebar does not collapse.

Solution

Additional comments

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Spinner class should be included in css
https://getbootstrap.com/docs/4.3/components/spinners/

Current Behavior

Spinner class does not exist and are not working

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. download argon-pro v1.1.0
2. use it in an html page with

<div class="spinner-border" role="status">
  <span class="sr-only">Loading...</span>
</div>

3. Spinner doesn't appear

Prerequisites

• [X ] I am running the latest version
• [ X] I checked the documentation and found no answer
• [X ] I checked to make sure that this issue has not already been filed
• [ X] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

My page should be generated as actually but with the sidebar that can be hidden.

Current Behavior

Actually, the side bar is fixed, cannot click on it to hide..
The side bar without ajax request is working fine, but with an ajax request that use the "argon.js..." it becomes blocked !

Failure Information (for bugs)

No errors in console, i have tested a lot of combinaison in order to find the JS that was causing my problem. And this is the argon.js

Steps to Reproduce

1. Create a page with a sidebar on the left
2. On this page make an input in order to enter text
3. Click on the button to submit the AJAX
4. It returns you the result in a dropdown button corresponding to what you enter
5. Select a result in the dropdown
6. It generates a Datatables.net table with button(copy....print..)
7. ( 2 options : If you get out the argon.js from the second ajax(the one that load the datatables), the table will not be displayed properly )
   Other option, if you keep the argon.js from the second ajax, the datatables will be displayed correctly, but the sidebar will be blocked (cannot hide it)
   Please provide detailed steps for reproducing the issue.

Context

I'm sure that only one Jquery is Loaded.
I use Ajax to load my data
As something like that : `

function SendSearchBar(){
var codesa = $("#valeursearchbar").val();
if(codesa.length >= 3){
$.ajax({
url : "../../ajax/searchbar.php",
type : 'POST',
data : 'codesa=' + codesa,
dataType : 'html',
success : function(data, statut){
$('#resultatenvssearch').html(data);
},
error : function(resultat, statut, erreur){
ShowMessageNotification('error', 'Aïe ! C'est une erreur de POST ! ', 4000, 'top-end');
}
});
}
}

`

• Device: Computer
• Operating System: Win10
• Browser and Version: Chrome/Firefox/opera

• [X ] I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• [X ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

It should be displayed correctly

Current Behavior

The color of the button is not complete

Failure Information (for bugs)

Code

<div class="card-header" id="headingOne" data-toggle="collapse" data-target="#collapse0" aria-expanded="false" aria-controls="collapse0">
                      <h5 class="mb-0"><button type="button" class="btn btn-info">INFO</button><button type="button" class="btn btn-outline-primary">Change Log </button></h5>
                    </div>

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

When running gulp build I expect the static assets to be compiled and minified.

Current Behavior

Getting a compilation error.

Failure Information (for bugs)

$ gulp build                                                       
fs.js:27
const { Math, Object } = primordials;
                         ^

ReferenceError: primordials is not defined
    at fs.js:27:26
    at req_ (/home/test/Downloads/argon-dashboard-pro-v1.1.1/node_modules/natives/index.js:143:24)                                                                                        
    at Object.req [as require] (/home/test/Downloads/argon-dashboard-pro-v1.1.1/node_modules/natives/index.js:55:10)                                                                      
    at Object.<anonymous> (/home/test/Downloads/argon-dashboard-pro-v1.1.1/node_modules/vinyl-fs/node_modules/graceful-fs/fs.js:1:37)                                                     
    at Module._compile (internal/modules/cjs/loader.js:777:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:788:10)
    at Module.load (internal/modules/cjs/loader.js:643:32)
    at Function.Module._load (internal/modules/cjs/loader.js:556:12)
    at Module.require (internal/modules/cjs/loader.js:683:19)
    at require (internal/modules/cjs/helpers.js:16:16)

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1.Pull down latest version
2. run npm install
3. run $(npm bin)/gulp build

Context

• Device: Desktop
• Operating System: Linux
• Browser and Version: NA

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

When I try use multiple select2, the input field dissapear

Current Behavior

Expected:

Failure Information (for bugs)

Select with multiple="multiple"

<select name="college_id[]" multiple="multiple" class="form-control college-ajax-finding"></select>

If remove the class .select2-container .select2-search--inline{ display: none;}, the plugin work fine

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [1.2.0] I am running the latest version
• [- ] I checked the documentation and found no answer
• [- ] I checked to make sure that this issue has not already been filed
• [- ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

The user should see a tick inside the ckecked checkbox!

Current Behavior

Only the box background color changes

Failure Information (for bugs)

Where is the UX gone?

Steps to Reproduce

Simply go to the documentation page and see it:
https://demos.creative-tim.com/argon-dashboard-pro/docs/components/forms.html#checkboxes

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device: any
• Operating System: any
• Browser and Version: any

When using the dropdown menu within a table cell:

<td class="text-right">
  <div class="dropdown">
    <a class="btn btn-sm btn-icon-only text-light" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      <i class="fas fa-ellipsis-v"></i>
    </a>
    <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
      <a class="dropdown-item" href="#">Action</a>
      <a class="dropdown-item" href="#">Another action</a>
      <a class="dropdown-item" href="#">Something else here</a>
    </div>
  </div>
</td>

like shown on this page:
https://demos.creative-tim.com/argon-dashboard-pro/pages/tables/tables.html

an undesired scrollbar shows up if the table has only a few rows (for example 1 row) and action links take up more height than the table's height.

Here is a screenshot to illustrate:

Version

1.2.1

Reproduction link

https://demos.creative-tim.com/argon-dashboard-pro/docs/plugins/dropdown.html

Operating System

OS / Windows

Device

Apple Macbook Pro / DELL Latitude

Browser & Version

Chrome 90

Steps to reproduce

1. When initializing a select with multiple="multiple" select2 is being initialized
2. When you try to filter an option no searchable input
3. Master Select not searchable also

What is expected?

Select2 with multiple items

What is actually happening?

Multiple Select2 is being initialized but you can't search or apply filters

Solution

Additional comments

Issue

• When using the sidebar to switch between pages, the sidebar compresses and expand eachtime page is loaded. Is there a way to disable this sidebar animation?

ScreenRecording

What is your enhancement?

Hello,

Argon Dashboard Pro is very impressive BUT tabulator in cards looks not amazing, In AdminLTE there are very nice Tabulators like this: https://adminlte.io/themes/dev/AdminLTE/pages/UI/navbar.html

I hope that you can implement such a feature.

Regards

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [yes ] I am running the latest version
• [yes ] I checked the documentation and found no answer
• [yes ] I checked to make sure that this issue has not already been filed
• [yes ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting

Current Behavior

What is the current behavior?

I have been trying to implement Argon Dashboard for my website admin. I just copied the code from the examples files, but the scroll does not look like yours and the open close sidebar does not work.

I use Django. I have created an base html where I put all the js and css.

I extend to this file but scrollbar does not work.

you can see the problems at dev.rezervo.io
Thanks.

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. step 1
2. step 2
3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device:
• Operating System:
• Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [+] I am running the latest version
• [+] I checked the documentation and found no answer
• [+] I checked to make sure that this issue has not already been filed
• [+] I'm reporting the issue to the correct repository (for multi-repository projects)

Rebuild With Laravel Mix

I would like to replace the gulp with a laravel mix. How to do it. I can’t understand which files are needed and which aren’t? Why so many vendor folders ...

This is not an issue, more of a question.

I want to utilize the FullCalendar Plugin that is available. How do I make sure it does not pull up the default calendar that is part of Argon.JS file?

Thanks
Parth

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [ X] I am running the latest version
• [X ] I checked the documentation and found no answer
• [X ] I checked to make sure that this issue has not already been filed
• [ X] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting
Multiple select should be working with data-live-search

Current Behavior

What is the current behavior?
Multiple select with search is not working.

calc() cannot take variable names with hypens:

width: calc(100% - $icon-size-xl - 1);

The generated css is therefore invalid, containing $icon-size-xl.

Solution:
width: calc(100% - #{$icon-size-xl} - 1);
Don't forget to put spaces among the hypens when it is subtraction.

Version

1.2.1

Reproduction link

https://demos.creative-tim.com/argon-dashboard/index.html

Operating System

iOS 14

Device

iPhone XR

Browser & Version

Safari and Chrome (latest versions)

Steps to reproduce

1. Be sure to use an iPhone with iOS 14 on Safari or Chrome mobile
2. Open Argon Dashboard URL
3. Touch on toggle (hamburger menu) to open SideBar
4. Touch on an option like Profile or Other -> it will not work
5. Touch again -> it will work

What is expected?

Expected to sidebar link work on first touch

What is actually happening?

Need double touch to work after open sidebar... this is wrong behavior.

Solution

None at moment

Additional comments

Version

Latest

Reproduction link

https://demos.creative-tim.com/argon-dashboard-pro/pages/dashboards/dashboard.html

Operating System

Ubuntu

Device

PC

Browser & Version

Google Chrome 90.0

Steps to reproduce

i push in Argon Dashboard Pro Menu Icon and then content view is scale to i think 90% but left sitebar not get smaler so left 10% of content is overlaped from left sidebar. Please try it self on your own demo site https://demos.creative-tim.com/argon-dashboard-pro/pages/dashboards/dashboard.html

What is expected?

Content get smaller when i click Menu Icon and sitebar also get smaler

What is actually happening?

i push in Argon Dashboard Pro Menu Icon and then content view is scale to i think 90% but left sitebar not get smaler so left 10% of content is overlaped from left sidebar. Please try it self on your own demo site https://demos.creative-tim.com/argon-dashboard-pro/pages/dashboards/dashboard.html

Solution

Additional comments

Hi

I want to put the side menu (sidenav) closed as default. How do I do?

Prerequisites

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• [X ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

The collapse should works properly...........

Current Behavior

When there is much collapse button, it disappears

Failure Information (for bugs)

No one.

Steps to Reproduce

Create 30 collapse
And then test the 30 collapse button.. it will disappear

Code

`

                    <p><span class="badge badge-danger">@return {JsonFile}</span></p>
                    <code>
                      [
                        {
                          "id": 10,
                          "namespacename": "pro-p",
                          "dateajout": "2020-04-15T11:56:45Z"
                        }
                      ]
                    </code>

                  </div>
                </div>
              </div>
            </div>


            <div class="accordion" id="accordion53">
              <div class="card bg-dark">
                <div class="card-header" id="headingOne" data-toggle="collapse" data-target="#accordion53" aria-expanded="false" aria-controls="accordion53">
                  <h5 class="mb-0"><button type="button" class="btn btn-danger">GET</button><button type="button" class="btn btn-outline-primary">/api/{version}/allhistorydeploymentnamespace</button></h5>
                </div>
                <div id="accordion53" class="collapse" aria-labelledby="headingOne" data-parent="#accordion53">
                  <div class="card-body">
                    <p style="color:white;">
                      L'API récupère l'ensemble des namespaces déployés.
                    <p ><span class="badge badge-success">@param {null}</span></p>

                    <p><span class="badge badge-danger">@return {JsonFile}</span></p>
                    <code>
                      [
                        {
                          "id": 10,
                          "namespacename": "pro-p",
                          "dateajout": "2020-04-15T11:56:45Z"
                        }
                      ]
                    </code>

                  </div>
                </div>
              </div>
            </div>`

• [X ] I am running the latest version
• [X ] I checked the documentation and found no answer
• [X ] I checked to make sure that this issue has not already been filed
• [X ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

The Pop Up should be displayed properly

Current Behavior

Failure Information (for bugs)

The bug happens just after clicking on Months or Weeks

Steps to Reproduce

1. Download the latest version
2. Go to "DashBoard"
3. Click on Weeks or Months

Context

• Device: PC
• Operating System: WIN 10
• Browser and Version: Chrome Version 80.0.3987.116

Failure Logs

None

I am facing an issue in Datatable. When there is limited data in rows then there is no problem but when there is more data the width of the table then my columns shifts to right and I have to scroll to right. I need datatable columns to be fixed with table width and don't want to scroll right when there is more data in any row.

• [X ] I am running the latest version
• [X ] I checked the documentation and found no answer
• [X ] I checked to make sure that this issue has not already been filed
• [ X] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

The possibility of selecting the number of element per page, select a row and to be able to use function like copy, print, export csv...

Current Behavior

I have to make the choice between :
Number of element and Select the row
Or
Copy , export functions

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

On popovers demo page, the popovers should work on Safari for macOS Catalina version 13.0.2 and iOS 13.13

Current Behavior

No popover is displayed but it works on Chrome

Steps to Reproduce

1. Open popovers demo page on Safari 13.0.2 or iOS 13.1.3 and try to open a popover

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device: MacBook Pro Mid-2015
• Operating System: macOS Catalina 10.15 (latest now) AND iOS 13.1.3
• Browser and Version: Safari 13.0.2 (latest now) AND Safari for iOS 13.1.3

Come on guys, you asking to submit a ticket via site, but not providing an order number in client area. Lol.

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [1.2.0 ] I am running the latest version
• [- ] I checked the documentation and found no answer
• [- ] I checked to make sure that this issue has not already been filed
• [- ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Being bootsrap based it should behave like in standard bootstrap custom file browser
https://getbootstrap.com/docs/4.4/components/forms/#file-browser
This enables people to translate the button.

Current Behavior

The component shows the default element including the non customizable button.
(This button cannot be customized and that is the reason custom file browser exists in bootstrap.)

Failure Information (for bugs)

This looks like a weak workaround to resolve the "invisible selected filename" issue.

Steps to Reproduce

Simply go to the documentation page and see it:
https://demos.creative-tim.com/argon-dashboard-pro/docs/components/forms.html#file-browser

Hey there,

I am completely new to argon and unable to find my answers in the argon documentation or on internet. And I have found no other way to get helped by the community than by writing here (And i apologize for that).

I am using argon free for an angular project and I wanted to upgrade to pro because I love your work. But the architecture of files for the pro template do not match any angular structure that I've seen. So in the end I don't understand how we are supposed to use these new features. Also copying the new features from the "assets" folder actually break my app.

Are these just example and absolutely not a usable project ?

Many thanks for your help !
Have a great day,
Kev'.

This is more like a request or support question for whether its possible or not.

For Vue-Argon project you have tabs supported

https://demos.creative-tim.com/vue-argon-design-system/documentation/components/tabs.html

Is it possible to do the same in Argon Dashboard Pro?

Parth

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [x ] I am running the latest version
• [x ] I checked the documentation and found no answer
• [x ] I checked to make sure that this issue has not already been filed
• [x ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting
Table Header must have mouse pointer when sort is allowed in React BS Table

Current Behavior

What is the current behavior?
Table Header has no mouse pointer when sort is allowed in React BS Table

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. Please check the dashboard demo
2. go to React BS Table Page
3. Hover to any Table Headers

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device: Laptop/Notebook
• Operating System: Windows
• Browser and Version: Chrome Latest Version

Failure Logs

Please include any relevant log snippets or files here.

There seems to be an issue on this page:
https://demos.creative-tim.com/argon-dashboard-pro/pages/tables/tables.html

Under "Checkbox + Toggles" table, clicking on any checkbox on the left side only toggles the header checkbox.

Expected behavior: Toggling header checkbox should toggle all rows' checkboxes. Clicking each row checkbox should only toggle the row checkbox.

Tested on Windows 10, both Firefox and Chrome.

Thanks.

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [Yes ] I am running the latest version
• [ Yes] I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

For the datatable, I have added in dom : Bfrtip and buttons as copy, excel, pdf, print.

It should show all the buttons

Current Behavior

It only displays COPY and Print

Failure Information (for bugs)

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

No warning related to deprecated Chartjs config.

Current Behavior

Actually, the theme is working very well with Chartjs 2.9.3.
I upgraded to the version 3.0, and there is some breaking changes that you can find :
https://www.chartjs.org/docs/next/getting-started/v3-migration.html

Is it possible for you to make the appropriate changes into the theme argon ?

Thanks

How automatic add active on nav-link?

Hi,

I'm here https://demos.creative-tim.com/argon-dashboard-pro/docs/plugins/notify.html

how do we generate a custom notification in js?
In the examples the js code is not there. why ?

The library examples do not generate notifications with the right template.

When using bootstrap validation, when the :valid and :invalid styles are applied to a control, the outline of the form control changes colour, as expected.

However, if there is a prepended icon, the icon border colour does not change, and the right-hand border loses the rounding.

<div class="form-group"> <div class="input-group input-group-merge"> <div class="input-group-prepend"> <span class="input-group-text"> <i class="fal fa-key"></i> </span> </div> <input asp-for="Password" type="password" placeholder="Password" class="form-control"> </div> </div>

Before validation:

After validation:

I am using an el-table column template with a b-dropdown and am getting the following.

I tried bringing it forward with the z-index.

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [X ] I am running the latest version
• [ X] I checked the documentation and found no answer
• [ X] I checked to make sure that this issue has not already been filed
• [ X] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

When using a table with many columns, it should adjust itself according to the size of the screen

Current Behavior

When using a table with many columns, it should adjust itself according to the size of the screen

Failure Information (for bugs)

I believe the error is in the .table class, its settings are in the 'css / argon.css' file, when it removes this class, the table fits, but loses all its style

Steps to Reproduce

Create some table with many columns

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• [x ] I am running the latest version
• [x ] I checked the documentation and found no answer
• [ x] I checked to make sure that this issue has not already been filed
• [x ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

When using bootstrap class' navbar-expand-md, navbar should remain expanded until viewpoint is less than 768px

Current Behavior

Navbar break and do not properly display.

Failure Information (for bugs)

Steps to Reproduce

1. Use this minimal working code

<!doctype html>
<html lang="en">
  <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="argon.min.css">

  </head>

    <body  class="bg-default">
      <nav id="navbar-main" class="navbar navbar-horizontal navbar-transparent navbar-expand-md navbar-light">
    <a class="navbar-brand ml-3 ml-md-1" href="/home">
      <img src="/images/logo.png" alt="Logo">
    </a>
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="'Toggle navigation'">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div id="navbarSupportedContent" class="navbar-collapse collapse">
      <div class="navbar-collapse-header">
        <div class="row">
          <div class="col-6 collapse-brand">
            <a href="/home" aria-label="Index">
              <img src="/images/logo.png" alt="Logo">
            </a>
          </div>
          <div class="col-6 collapse-close">
            <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="true" aria-label="Toggle navigation">
              <span></span>
              <span></span>
            </button>
          </div>
        </div>
      </div>

      <ul class="navbar-nav ml-auto ">
        <li class="nav-item justify-content-center align-self-center">
          <a class="btn btn-primary" href="/link1">Link 1</a>
        </li>
        <li class="nav-item justify-content-center align-self-center">
          <a class="nav-link" href="/link2">Link 2</a>
        </li>
        <li class="nav-item justify-content-center align-self-center">
          <a class="nav-link" href="/link3">Link 3</a>
        </li>
        <li class="nav-item justify-content-center align-self-center">
          <a class="nav-link" href="/link4">Link 4</a>
        </li>
      </ul>
    </div>
</nav>
</body>
</html>

2. Set your browser with a viewpoint < 992px

3. Navbar does not correctly display

Filter area not appearing and if you tried to search nothing happens, seems like the keyboard is not working.

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting

Current Behavior

What is the current behavior?

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. step 1
2. step 2
3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device:
• Operating System:
• Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

I'm using the checkbox element described in this link:
https://demos.creative-tim.com/argon-dashboard-pro/docs/components/forms.html
I expected the checked property to be updated when toggling the checkbox, but for some reason it is not.
I'm using MVC 5 project with Razor syntax.

Current Behavior

No change in the checked property.

also if I use the @HTML.CheckBoxFor() helper method I got duplicate checkbox HTML elements and one of them is hidden:

This the code after compile

<input data-val="true" data-val-required="The TwoFactorEnabled field is required." id="TwoFactorEnabled" name="TwoFactorEnabled" type="checkbox" value="true">
 <input name="TwoFactorEnabled" type="hidden" value="false">
 <span class="custom-toggle-slider rounded-circle" data-label-off="No" data-label-on="Yes">  </span>
 </label>