Giter Site home page Giter Site logo

gurayyarar / adminbsbmaterialdesign Goto Github PK

View Code? Open in Web Editor NEW
2.7K 2.7K 1.6K 23.61 MB

AdminBSB - Free admin panel that is based on Bootstrap 3.x with Material Design

Home Page: https://gurayyarar.github.io/AdminBSBMaterialDesign

License: MIT License

CSS 7.61% HTML 36.35% JavaScript 55.28% PHP 0.02% CoffeeScript 0.74% Shell 0.01%

adminbsbmaterialdesign's People

Contributors

ailtonbsj avatar colindinelli avatar geoffrey-brier avatar gurayyarar avatar ivancemed avatar masoudjahromi avatar praveenscience avatar premedios avatar rescobar 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

adminbsbmaterialdesign's Issues

Profile menu style

Hello. First of all, let me congratulate you for this awesome template! A truly material design.

Now, can you help me please to change the profile menu to be more like this one? I'm talking about the submenu inside the same sidebar. I think it's fits better with the entire sidebar design.

Thank you.

PD: of course I will refer to you in my project, you did an excellent job!

Question

How to set initial theme color? First open is Red.

Mobile Compatibility

Using a mobile device, interacting with the sidebar is difficult with the dropdown menus.
When selecting a dropdown level, the sidebar closes, thus forcing you to keep opening the sidebar to open / close a level.
Tested using an iPhone 6 Plus (Chrome)

question about format

form basic->datetime picker
after I selected the date, it shows date with names.
how can I do to get only date as datetime format(I mean Y-m-d)?

your work it's amazing!
thanks!

how to change custom font in css

hi,very nice templatt.

i need to change font face in css for full changed.

but not worked for me
please help me
thnaks,regard

Search bar

Hi ! Amazing template, thank you for sharing !

I'm tring to adapt the default searchbar with .autocomplete() from jquery, but i can't adapte the results with a nice dropdown liste at the bottom of the searchbar.

Do you plan to add a bit of code to give us an exemple ?
Thank you again, and have a nice day.

Dropdown not binding on change function

I have a dropdown that binds when changing another dropdown's selection.The problem is that ,the dropdown options are not showing.When iam not applying theme on that page it works fine.I inspects with browser and can see all options are bind under [ <select><option> ]
but its not showing in dropdown.Below is my code:
javascript

2017-03-16

.cshtml

2017-03-

I am stuck with this.Anyone please help.Thanks in advance

<select> not rendering well

The select is not redereing as expected, with this code

<select class="form-control show-tick" tabindex="-98">
<option value="">-- Please select --</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
</select>

This is what is shown (the same happens with the datatables select for number of results per page), any idea why? i am missing something?

1

md-preloader does not work on IE10+

Hi Güray,
I am a newbie in web development and found your project amazingly interesting. Definitely my kind of style. Thanks a lot!
Till now everything works well, but I have a problem with your preloaders. They do not work (even not on your official demo page) on IE10+ (nor Edge). More precisely, the animations do not work.
Could you help me out? Would be very appreciated.

Keep on doing such nice work!

Giovanni

Text fileds with value and Floating Label focused

Hi, first of all, thanks for this awesome template, Not sure if this behavior is an issue.

image

This is from the demo (latest release), text fields with value and floating labels their parent (form-line) keeps holding the class focused on focusout, so the thing is that its behavior should be the same that text fields with value and NO floating label where their parents (form-line) only keeps holding the class focused when the field is on focus, and on focusout the class focused is removed.

That's it, and again thanks for the great template.
PD: Sorry if my english has grammar errors, i'm Spanish speaker, thanks!

I can delete cache

Hi, thank for your product. I use it but when I change some style in css, It not change in my browser if I not use incognito. So my visitor also see my change. Please help me to delete cache. Thank you

html version

Hi! Is there an html version ? I would be very grateful

Sub menu is not auto focused

I know this is just a small design issue but it is really important with the UX becuase some sub menu is not shown automatically (auto focus?) that the other user who clicked the + button might think there is no sub level. they have to scroll it manually.

If the level 0 menu is at the bottom of the side bar and was clicked, the UI looks normal and fit to the side bar which causes the user to think that there is no sub level but actually there is.

selection_065
selection_066

jquery $ not defined error

Hi,
i am using bsb material admin theme for my project.design is working fine.but i got error $ not defined when using jquery and javascript functions. so i cant use any jquery functions when theme is applying .please help to solve this.
thanks in advance.

Implement Material Avatars and 'Android browser Header' color...

First Implementation --

Why not use this Java Script to provide Material Avatars from the Name (i.e. Paul Gilbert), Which will be rendered as 'JD';
this might be helpful to some users...

Reference

Second Implementation --

Also you can Add these three meta tags to the head and get a really cool view on Mobile devices...
don't know what it can be called or is called...

Demo Image:

image

Code

	<!-- Chrome, Firefox OS and Opera -->
	<meta name="theme-color" content="#2196F3">
	<!-- Windows Phone -->
	<meta name="msapplication-navbutton-color" content="#2196F3">
	<!-- iOS Safari -->
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

Reference

Donut Chart

Hello, I am trying to use the donut chart on my dashboard.

But i am not able to use it. When i tried along with either of the flot charts, it was working..

For ex: If use the CPU usage chart on the same page where i wanted the Donut chart, it is working.. But with out the flot charts, it is not wokring..

jquery datatables

how can i use the jquery datatables on a .php page?

i tried it on a .html page and it works, but on a .php page it doesn't works.
Why?

Thx for help

form-float bug with modal

form-float don't work with modal.

If I create a form within modal, the floating form float don't go to the top

Thank you

RTL Support

Hello Güray :)
Thank you very much for your dashboard, it's fantastic!
I am a backend developer who suck at UI and front end stuff, I was looking for a an easy to edit template to use for a personal project. I need a right to left support for the basic stuff, just datatables and cards to present data from my api, I wonder how much effort do I have to put to make a basic rtl ? and if you have any tips for a newbie ?

Validating Email or Other Input Fields

<input class="form-control" placeholder="Email" name="email" type="text" value="{{ old('email') }} " required autofocus>

Trying to Validate and email address before submitting but can't accomplish it through validate.js
is there any default tag for validation in this package ?

search and datatable button

hello.. tx for your great template .. i have a problem with search input box and button on jquery table ..button and seacrh box position are bad in screen under about 700px
screenshot_2017-03-11-14-56-19
700px

Mobile Resolution Compatibility

I don't know why but I don't like those wide border/margins around those Cards in the Image... that gives a congested feeling, to the content of the card...
screenshot_2017-04-23-21-50-56-38

Active not beign set on menus

Hi, first that all thanks for such amazing template, not sure if this fall as an usage issue, but I'm having the following problem:

Using the menu doesn't set the class 'active' for menu <li> and for the <li><a> not sure why doesn't work like on the demo page, tried to find where you do it but didn't find it.
Image attached to see the problem:
captura de pantalla 1

I'm currently using ASP MVC 5
the href property looks fine too.
Do anyone else has a problem with or have a workaround?
Any help would be appreciate it

Slow sidebar scroll on mobile(chrome)

In the sidebar , scrolling is a little bit hard, as it does not slide meaning it does not scroll right on swipes...
And is kinda slow...
Same with right bar with skin options...
And the side bar is sometimes a little too small on small screens ,maybe because of the footer in sidebar...

Change Wizard color

Hello!

When building a wizard, I cannot change the color of the tabs and buttons.

Maybe a JS configuration option would be nice. For example :

    //Advanced form with validation
    var form = $('#wizard').show();
    form.steps({
        ...
        onInit: function (event, currentIndex) {
            ...

            // set wizard color to material blue
            setWizardColor('bg-blue');

            ...
        },
       ...
    });

In the meantime, what can I do?

Thanks!

question about mouse hover

Hello,
first of all i wanna say it's an amazing template!

Is it possible to make a selection of main menu items on mouseover?

Thanks for your job!

Multiple Selects fields in one page

I'm having a hard time trying to differentiate selects in a form.

I'm trying to create a custom function to a select but I can't select it.
The select is initiated and working.

$.AdminBSB.select = {
    activate: function () {
        if ($.fn.selectpicker) { $('select:not(.ms)').selectpicker(); }
    }
}
$.AdminBSB.select.activate();

in my custom js file I can't select the input by its id

$('#service_id').selectpicker({
    ...
});

It doesn't return any error at the console.

How can I access the selects separately like the others plugins?

Browser Support

Hello gurayyarar
first of all i wanna say it's an amazing template!
It is not working on UC browser mobile version.Can you please give possible solution for it or please fix for uc mobile version also.
Thanks for your job!!!

Unable to justify cell content or headers in jquery Tables

Hi,

I'm sure this must be trivial, but I haven't been able to justify (Right Hand or Center) on jquery Tables headers or Content.

Would anyone point me in the right direction on to use the stylesheet (.CSS) references (Class) or if is there a way to use the DataTables 'modules' extension as suggested by the DataTables site samples?

It does work in examples like in: http://live.datatables.net/piqukeje/1/edit

Yet I can't get it to work within the AdminBSB Template.

Thanks is advance for the help & support.

Angular-1.3.2- not supported

this theme not support in Angular-v1.3.2. or v1.6.2
i have put code in index.html --- its working fine
but i have create route and load view through

or </ ng-view>
----not working

Sidebar with internet explorer

the sidebar with internet explorer (all versions) it is broke and impossibile to use. can you help me please?
I must to open compatibility and disable the flag.
Why the meta http-equiv="X-UA-Compatible" content="IE=EDGE" don't force the browser?

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.