Giter Site home page Giter Site logo

colorlibhq / adminlte Goto Github PK

View Code? Open in Web Editor NEW
43.6K 2.0K 18.2K 128.7 MB

AdminLTE - Free admin dashboard template based on Bootstrap 5

Home Page: https://adminlte.io

License: MIT License

JavaScript 0.34% HTML 0.05% SCSS 24.05% Astro 67.41% MDX 3.88% TypeScript 4.27%
bootstrap admin-dashboard admin admin-template admin-panel

adminlte's People

Contributors

01-scripts avatar almasaeed2010 avatar bansalshashank avatar claudiopatricio avatar danny007in avatar dennis14e avatar dependabot[bot] avatar freezy-sk avatar fschaeffer avatar ggallon avatar gitarno avatar green-cat avatar heemza avatar hendimarcos avatar hkvstore avatar iaesaudi avatar irfanevrens avatar jorgevilaca82 avatar leviasan avatar lukechilds avatar masteradhoc avatar meteorlxy avatar mineminemine avatar ppojin avatar puikinsh avatar reinaris avatar rejack avatar seven1m avatar suvjunmd avatar xhmikosr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

adminlte's Issues

Problem with button small view

Hi,

I'm having 2 buttons in invoice page-header and in small view (let say Iphone) the buttons are not well aligned and placed. Is there a way to fix it?

                <div class="row">
                    <div class="col-xs-12">
                        <h2 class="page-header">
                            <i class="fa fa-thumb-tack text-main"></i> Introduction

                            <button class="btn btn-primary pull-right no-print" id="printdocument">
                            <i class="fa fa-print"></i> Print All</button>

                            <button class="btn btn-primary pull-right no-print" onclick="window.print();">
                            <i class="fa fa-print"></i> Print Opened Items</button>

                        </h2>                            
                    </div><!-- /.col -->
                </div><!-- /.row -->

Header height function return 0

In the function fix_() of the file app.js, this code return 0px.

Line 104 (app.js):

//Get window height and the wrapper height
$("body > .header").height();

Help for button radio and checkbox in form

(sorry for my bad english)
When I want to use button radio and checkbox in my form, the circle and the square don't appear (but the label are ok)
If I desactivate "app.js" I see button radio and checkbox but without style.
I don't know why.

I specify that I havn't modify app.js

Thanks

MultiLevel Menu doesn't link

The tag only works with treeview-menu leaf elements and not with any top level treeview elements. How can I open a menu and at the same time open a link.

Move Demo js code outside app.js

Hi

I suggest to move all demo code from app.js to separate file. It will be very useful for updating template from repository, because now we need to update app.js manually to remove all demo code.

Off-canvas and content with different y-scroll

This is a really good template and thanks to make it open source! If would be possibile to have independent scroll for off-canvas and content would be great!
On the fixed version of the template, at the moment is not possible to scroll vertically, so that will hide part of the left side tree view in smaller screens.

Feature: change icon on collapse box depending of the state

I have tried to edit the JS to enable the change of icon on box collapse by using minus and plus icon depending of the state.

This the code I have tried, it is working ok if only one box is on the page
but not working ok when several boxes on the same page.
$(this).find('i').toggleClass('fa-plus fa-minus')

I have also tried with box.addClass & box.removeClass but if other icon are in the box
there were also changed.

Nice to have Toggle all

Hi, I'm looking for a way to add buttons to allow user to open all or close all boxes
that have a toggle+ within a page

Any clue?

Which toggle script are you using for the boxes?

This can be also be useful when printing page content

Date picker Missing

Great Theme! Congrats.

I'm learning through your codes.

My question is,
There is a date range picker.
But if i want to select date only, then i could not.
AM i missing something or the date picker is not implemented.

thanks

skin-black navbar hover / active

Using .skin-black, when hovering over the "Messages", "Alerts", "Tasks" (Profile too?), the, for a lack of better term, connecting arrow to that icon, doesn't show, it instead shows a section of the popup without a border and the icon itself loses its' bottom border.

It's not that it doesn't show, but rather that it gets lost in the white background of the navbar.

But the borderless icon is.. out of place imo

Fixed layout

It would be great once you have added the fixed class to the body that the mobile look isn't a fixed layout.

Dashboard sortable "boxes"

Hi, I am using php and mysql to develop a system. At the dashboard, the boxes is draggable but I don't know what data should I save in order to remember the sequence of the boxes. Is it need use jquery or ajax to save the box location? Thanks for the reply! ๐Ÿ‘

Drag & Drop at bottom row does not work

Thanks for such great theme.
I found one issue in this theme, i tried to fix but i am not that good in javascript.(started learning)

When i try to drag any widget to the bottom of other column it does not work.

e.g - Drag any widget from first column to the last position of other column.

I checked Jquery UI and found that it works fine there.
http://jqueryui.com/sortable/#portlets

Thank you.

Regards,
Rajdeep

Feature: Left menu is not responsive

The left menu is not responsive
In small view the left menu should be changed for a top responsive menu (dropdown for example) and the toggle option should be removed

Tables not the same with thead/tbody

First off. Awesome theme! I am porting over my own layout (based on Bootstrap) to this one and have noticed that tables using thead and tbody are not being rendered the same as those without.

Since the bootstrap examples always use thead/tbody it might be wise to support them as well.

js not working.

i downloaded it from github but its js functionalities are not working like sidebar , dropdown menus etc .
any help?

Creating a multilevel dropdown menu

I had few requests to add multilevel dropdown menu to the sidebar menu. Well, good news! It's already included in the initial release and here is how to do it:

<li class="treeview">
    <a href="#">
        <i class="fa fa-folder"></i>  Multilevel Menu
        <i class="fa fa-angle-left pull-right"></i>
    </a>                            

    <ul class="treeview-menu">
        <li class="treeview">
            <a href="#">
                First level
                <i class="fa fa-angle-left pull-right"></i>
            </a>

            <ul class="treeview-menu">
                <li class="treeview">
                    <a href="#">
                        Second level
                        <i class="fa fa-angle-left pull-right"></i>
                    </a>

                    <ul class="treeview-menu">
                        <li>
                            <a href="#">Third level</a>
                        </li>
                    </ul>
                </li><!-- /.third level-->
            </ul>
        </li><!-- /.second level-->
    </ul>
</li>

The javascript in the app.js file will automatically render the tree view! Enjoy ๐Ÿ‘

Selecting text

Hello,
I love your work, compliments! I'm looking for an help on how to enable text selection when using AdminLTE as layout.
Unfortunately I found that it's impossible to select text on the main content section, while I can do it on the sidebar.
Probably this is due to sortable/draggable box, but may be do you know a workaround?
Thanks

Collapsed sidebar

How should I do if I want my menu icons to remain visible when I collapse it?

Add select2 to form element

Hi There,

Just want to say thanks for your great work. So far, this is the best free theme with premium quality and professional touch I've found.

By the way, It would be great If we can integrate select2 plugin into the form element. If you agree, I would love to fork and implement it.

Best regards
Ikhsan

Multi-level menu?

Hi! I am newbie in web development, but when I found this template, it really help me save a lot my time. ๐Ÿ‘ Thanks! My questions is anyone possible add a multi-level menu function? Or teach me some way to do so. Thanks again!

can use google fonts locally?

first ,thanks for your template

i run the templete in a Lan environment , so can not connect to internet, the request to google fonts failed.

i am not familiar with the fonts
is it possible use the fonts locally?

Feature: set menu active dynamically

Feature: set menu active dynamically

I had issue when embedding menu with active class
I realized that it is because the active menu is set on each page hardcoded and I thought it was set by the javascript.

Feature: use cookie.js to remember menu state

The use of Jquery cookie could be use to remember menu state
especialy for those who embeded (included) the menu.

When menu is included using javascript for example the menu state is not kept.

Update bootstrap

In the next version can you update to the latest version of bootstrap ?

Colapsed box

Hello,

Firstly, I wanted to say thanks for the theme
And secondly, I wanted to ask how to colapse box by default.

<button class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>

P.S. Sorry for my english

Unable to compile less with lessc 1.6.3 (latest)

Hi there. Many thanks for this great effort.

I am wondering whether you might be able to tell me which version of less you used to compile your files, as I am unable to do so with the latest version? i am using 1.6.3 and as soon as I run lessc AdminLTE.less, I get "RuntimeError: No matching definition was found for `.border-radius(4px, 4px, 0, 0)" in dropdown.less on line 49, column 9 "

Any help will be appreciated.

Regards
Ruan

sidebarnavigation is not responsive

hi! first of all thx for sharing your great work!
i have noticed that there is a problem with the sidebar for small screen sizes because it is still positioned on the left side instead on the top. is this the intended behaviour?

Top Horizontal Menus not responsive

First off thanks for sharing your work. Soon as I go live I plan to donate.

I have an app which I preferred to use top horizontal menus with. I did the menu's quite easily but when viewed (responsive) on a smaller screen they don't stack or form part of the navigation, instead they fall into white space and disappear (I'm using the blue menu for background). I know it's going to take some work, but it would add value to the theme if we could use top and side menu's separately or together.

Tx again.

Buggy drag & drop

It seems that panels drag & drop is buggy.

For instance when 2 columns are displayed:

  • when all boxes are on the right, it is no more possible to move them back on the left (or randomly some of them).
  • when moving charts, they may randomly display in large over the 2 columns, or on right column.

Beautiful work

Hi, this is a beautiful theme, and thanks for making it available free of charge with MIT license.

There's only 3 things missing in this theme and that is:

  1. some sort of 3 column layout like here for messaging:

https://wrapui.com/items/preview/syrena/messages.html

  1. UI for a chat, you know with chat bubbles left and right, like you see in these examples: (but better styled for your theme)

http://themes.webinane.com/bars/widget.html
http://themeforest.net/item/flaty-premium-responsive-admin-template/full_screen_preview/5247864

  1. There doesn't appear to be an interface to view and reply to an email. (Clicking in mailbox on a mail does nothing)

I'd be willing to donate some money if you could implement these features. Let me know.

Regards,
wesley

RequireJS

Hi Abdullah. First, let me say, VERY nice work on this theme! It's elegant, and very professional looking. I appreciate your work! There is a subtle bug, though, that I believe you won't find unless you try loading the main app.js file through RequireJS. You have the following code on line 208 or so as part of a trinary operation:

"function"==typeof define&&define.amd?define(function(){return Pace})

This is causing RequireJS to intermittently the following error:

Mismatched anonymous define() module: function(){return Pace}

I fixed it by giving the define a name, as below:

"function"==typeof define&&define.amd?define('theme-app', [], function(){return Pace})

Thanks again for your wonderful work! I wanted to pass this along, though, so it might help others avoid the frustration that I just went through as someone who is just learning Require. Take care, and keep up the awesome work!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.