The path should be like this

@creative-tim-official/argon-dashboard-free

@import "../custom/alert";
@import "../custom/avatar";
@import "../custom/badge";
@import "../custom/buttons";
@import "../custom/card";
@import "../custom/chart";
@import "../custom/close";
@import "../custom/content";
@import "../custom/custom-forms";
@import "../custom/dropdown";
@import "../custom/footer";
@import "../custom/forms";
@import "../custom/header";
@import "../custom/icons";
@import "../custom/input-group";
@import "../custom/list-group";
@import "../custom/map";
@import "../custom/mask";
@import "../custom/modal";
@import "../custom/nav";
@import "../custom/navbar";
@import "../custom/pagination";
@import "../custom/popover";
@import "../custom/progress";
@import "../custom/separator";
@import "../custom/tables";
@import "../custom/type";

On Mobile When the toggle is clicked, the sidebar works and opens, when outside the sidebar is clicked it is supposed to close the sidebar

When the sidebar is opened, it stays open and doesn't close on mobile when the body is clicked

I want to change the datepicker input to return the date value in this format: dd/mm/yyyy

PS: I'm using the range option!

What is your enhancement?

Is it possible to add a date time picker rather then just a date picker?

Navigation bar doesn't work on Android 4.4 and 5.1 stock browser or in webview.
Menu not showing when tap on the hamburger menu.

Version

i dont kown

Reproduction link

https://youtu.be/fpe0CFUjrP4?t=38

Operating System

MacOS

Device

MacOS

Browser & Version

Chrome 79.0.3945.117

Steps to reproduce

When the user navigates to another page the menu collapses, causing a not very pleasant navigation. Ideally it should be fixed when Cookies.get ('sidenav-state') == 'pined' is true

Here in the company we use the Vue version and it does not present this problem. In the version of this bug we are using Argon Dashboard PRO (HTML only)

Check the example: https://youtu.be/fpe0CFUjrP4?t=38

What is expected?

Menu stay open

Check the example: https://youtu.be/fpe0CFUjrP4?t=38

What is actually happening?

Meu load closed and change status to open, causing a dumb animation.

Check the example: https://youtu.be/fpe0CFUjrP4?t=38

Solution

Additional comments

How can i put a hamburger sidebar menu? For example, when you click in a button, the sidebar resize.

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

.map files must be included

Current Behavior

.map files are missing for:

/on-screen.umd.min
/bootstrap.bundle.min
/jquery-scrollLock.min.js
/jquery-3.1.1.min.js

What is the current behavior?
I recently purchased the Argon Dashboard Pro / also tested the Argon Free version, and once the template is imported to a Razor Page C# using .NET Core if I open the inspector/dev tools in Chrome or Safari In got several errors about those .map files not found.

Failure Information (for bugs)

File Not Found

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. step 1 : Create your website .NET Core
2. step 2: debug/publish website on .NET Core
3. step 3: Check inspector
   4: step 4: Notice not found errors

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: iMac
• Operating System: MacOS / Azure
• Browser and Version: Chrome

Failure Logs

Please include any relevant log snippets or files here.

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
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

There should be an option for collapsing/expanding side navigation. It should work as normal bootstrap side navigation.

Current Behavior

Side navigation is fixed and is collapsing only for mobile.
What is the current behavior?

How are we supposed to use these together? Should I just install dashboard? should I install both? I don't understand the relationship.

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

Running gulp build should complete with no errors

Current Behavior

Running gulp build gives errors.

Failure Information (for bugs)

[09:37:19] 'concat:js' errored after 16 ms
[09:37:19] Error: File not found with singular glob: /assets/js/components/license.js (if this was purposeful, use allowEmpty option)

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. run gulp build

How to render footer as fixed position?

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

Documentation to have Select component under forms section

Current Behavior

Documentation missing a Select component

Steps to Reproduce

Go to Components > Click on Components > Forms

Context

Here is the link

• Device: Dell XPS
• Operating System: Ubuntu
• Browser and Version: Chrome 71

.

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.

Please update your template, I am going crazy after spending 4 hours trying to install ArgonDashboard on my Laravel 7.0 project!!!
The project works on version5.5 and install ok, in 6.2 install ok but in Laravel 7.0 it is not working!!

Please update for Laravel 7.0 or say this don´t work on this version.

Version

Latest

Reproduction link

https://www.this.is.not.a.bug

Operating System

Windows 10

Device

Computer

Browser & Version

Chrome, Latest

Steps to reproduce

Is there a possibility to do a checkbox without a label?

What is expected?

That I know how to do a checkbox without a label

What is actually happening?

I don't know how to make a checkbox with a label

Solution

Additional comments

What is your enhancement?

It would be great to provide an .iconjar file. I'm looking for a way to import existing icons into nucleo app. I tried by importing nucleo-icons.svg file into Nucleo app, but it's indicating there's only one icon in the set. Cheers!

Hi,

I have checkbox in my table head to select all the rows of the table. When the table is not sortable there is no issue and clicking/unclicking the checkbox select/unselect all the rows of the table.
However when I add <data-toggle='list'> to make it sortable, the checkbox doesnt work anymore.

Did this happened to anyone ?

I work with Flask, Chrome Version 80.0.3987.132 (64bit) on a MacBook Pro

Thanks for help

What is your enhancement?

Hi, how can I change the description of the map where it says 'Argon Dashboard' and customize this?

Prerequisites

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

• I am running the latest version: I use version 1.1 but tested this behaviour at your demo page(I assume that it's running the latest version) and it happens there too.
• 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

Actions menu is on top of the footer.

Current Behavior

Actions menu is overlapped by tables footer If there is only one row in the table.

Steps to Reproduce

1. Render table with only 1 row
2. Click Actions icon ('.btn.btn-sm.btn-icon-only.text-light')

Hi there,

Argon Dashboard 1.2.0 looks really promising, any clue about the when you will release/publish the latest 1.2.0 version on the npm packages store ?

We use the npm packaging to handle all of our dependencies, Argon included.

Cheer,

Version

1.2.0

Reproduction link

http://na.com

Operating System

Windows 10

Device

windows 10 desktop

Browser & Version

firefox quantum 68.0.1 (64-bit)

Steps to reproduce

1. Copied the following from items.blade.php to new blade page

                            <div class="form-group{{ $errors->has('tags') ? ' has-danger' : '' }}">
                                <label class="form-control-label" for="input-role">{{ __('Tags') }}</label>
                                <select name="tags[]" id="input-role" class="form-control select2{{ $errors->has('tags') ? ' is-invalid' : '' }}" placeholder="{{ __('Tags') }}" data-toggle="select" multiple required>
                                    @foreach ($tags as $tag)
                                        <option value="{{ $tag->id }}" {{ in_array($tag->id, old('tags') ?? []) ? 'selected' : '' }}>{{ $tag->name }}</option>
                                    @endforeach
                                </select>
   
                                @include('alerts.feedback', ['field' => 'tags'])
                            </div>
   

2. If i have only one of the above, tag control shows as expected but if i did two tag controls to the same form, the 2nd controls shows items as a list view rather than tag

What is expected?

Multiple tag controls should show up the same in the same form

What is actually happening?

if i have only one of the above, tag control shows as expected but if i did two tag controls to the same form, the 2nd controls shows items as a list view rather than tag

Solution

Additional comments

Can send through screenshot to show behaviour

Very nice template, but running "gulp build", no html files or images are being copied over.

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

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.

Version

Latest

Reproduction link

https://demos.creative-tim.com/vue-argon-dashboard/?_ga=2.224013912.2101282055.1595102908-105259801.1587938886#/dashboard

Operating System

All

Device

All

Browser & Version

chorme

Steps to reproduce

What is expected?

provide full rtl support

What is actually happening?

the sidebar should be on the right side.
the icons of the sidebar should also reverse its side.
all content preferred to revers its side.

Solution

Additional comments

Thanks for ur response

It seems you need to do some updating for this build process, when running npm install we get the following vulnerabilities warning:

added 1238 packages from 684 contributors and audited 13219 packages in 60.66s
found 15 vulnerabilities (3 low, 6 moderate, 6 high)

When running npm audit fix we see the result:

fixed 0 of 15 vulnerabilities in 13219 scanned packages
10 vulnerabilities required manual review and could not be updated
1 package update for 5 vulns involved breaking changes

I would humbly recommend replacing gulp with Laravel Mix. Mix provides all the build tools you need to build a dynamic JS application with very minimal setup.

If I have some time in the upcoming week I might spec this out and submit a pull request, but please look into replacing this, it creates a much more elegant and developer friendly build environment and can literally be dropped into any project without the need for a declared dist or other build destination.

Thanks as always for all your hard work on this, it's beautiful =)

What is your enhancement?

test

Prerequisites

Angular material is not working after installing it to the free version of the argon-angular-dashboard screenshot attached.

• 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 expected result should include:

• default styles of argon-dashboard
• style and HTML code of Angular material
• all the features and function of Angular material

Current Behavior

The current behavior includes only the styles of argon-angular-dashboard. It has all the dependencies installed, however, it doesn't show the styles of Angular material

Steps to Reproduce

In order to replicate this issue, follow the following steps:

1. Download the free version of argon-angular-dashboard
2. Add dependencies of angular material by using ng add @angular/material
3. Add @import "~@angular/material/prebuilt-themes/indigo-pink.css"; in your styles.scss
4. Add any component in your HTML component, for example, let take a button.
   <button mat-raised-button color="accent">Accent</button>
5. Check the output on your page.

Context

• Device: Lenovo Thinkpad
• Operating System: Ubuntu 19.10
• Browser and Version: chrome Version 80.0.3987.106 (Official Build) (64-bit)

Output screenshot

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

At smaller browser size, when the left menu hides, you click the 3 lines to get the menu back. You should then press the 3 lines to hide the menu again.

Current Behavior

You have to click the 3 lines 3 times to get the menu to hide.

Steps to Reproduce

1. Shrink browser so menu hides
2. Click 3 lines to show menu
3. Click the 3 lines again - do need to do this 3 times for the menu to hide.

• Device: Dell laptop
• Operating System: Windows 10
• Browser and Version: Chrome latest

Failure Logs

Please include any relevant log snippets or files here.

Hi,

I accidentally bought the argon-dashboard pro instead of buying the argon-dashboard pro angular.
Is there something that can be done? I'll be very grateful if I can pay the difference and get the angular version, or if there is some other work around.

Please fix this

Version

0.1.0

Reproduction link

https://jsfiddle.net/a6dh28m5/

Operating System

Linux Ubuntu

Device

PC

Browser & Version

Chrome Latest

Steps to reproduce

1. Download the standard version of Argon Dashboard
2. Try to use any kind of JavaScript components, such as modals, pagination, popovers etc
3. See that none of those works, sadly. :(

What is expected?

I expected JavaScript objects to behave properly. I expect popovers to pop, modals to modal and paginations to paginate.

I noticed that Argon Dashboard free does not include many JS-files at all, so I tried to include files from the standard Argon site, but that did not work either..

I just want to be able to use Bootstrap, JQuery etc, but it won't let me.

What is actually happening?

Buttons and styles work perfectly, just not the JavaScript methods/commands.

Solution

Additional comments

.icon-xl + .icon-text
{
width: calc(100% - $icon-size-xl - 1);
}
...
.icon-lg + .icon-text
{
width: calc(100% - $icon-size-lg - 1);
}
...
.icon-sm + .icon-text
{
width: calc(100% - $icon-size-sm - 1);
}

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.

do we have example sidebar component with subitem can toggle active ?

I have a collapse item inside my navbar and when I tap on the link to see the nested links, the whole navbar closes and opens again. This doesn't happen when I remove require('argon') from my js, and nothing seems to stop working when I remove it.

This makes me wonder, should I have even included the js file in the first place?

If the content is not long enough the footer moves up, potentially into the middle of the page. Is there a way to keep it in the bottom even if the site content does not fill up the available space?

hello,

a recently brought the React Bundle, and really happy with.

actually in Admin Layout, i have all my routes that are shown in the sidebar.

is there any way that can make me hide some routes from the sidebar, and make them always reachable using react router.

best

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

Current Behavior

What is the current behavior?

Navigating to the right when in mobile or responsive mode does not close quickly, I click once on the icon and the menu opens, after that it is necessary at least 3 clicks for the menu to return to the initial state.

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 - Access in responsive mode
2. step 2 - Click on the icon to open the menu
3. step 3 - At this moment when clicking only once to close, following the same to open it does not close the menu, being necessary to repeat the action 3 times...

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: PC
• Operating System: Windows 10
• Browser and Version: Chrome - Updated

Failure Logs

Please include any relevant log snippets or files here.

The dashboard has rendering issues on Internet Explorer, the User avatar and name is shifted far right, the intro text in the profile page is squished to like col-1 or so

The last component has a bug in Radio, I can't see the HTML you have made available ... I need it! can you help me?

Link: https://demos.creative-tim.com/argon-dashboard/docs/components/buttons.html

I am not unable to view datatable in downloaded folder.