modularcode / modular-admin-html Goto Github PK
View Code? Open in Web Editor NEWModularAdmin - Free Dashboard Theme Built On Bootstrap 4 | HTML Version
Home Page: https://modularcode.io/modular-admin-html/
License: Other
ModularAdmin - Free Dashboard Theme Built On Bootstrap 4 | HTML Version
Home Page: https://modularcode.io/modular-admin-html/
License: Other
Add production environment support with minified scripts and styles.
Should support the following commands.
npm start -p
npm run gulp build -p
Hi,
what about titles for images in gallery?
Is should add it?
What plugin is used or it is custom?
thx
Hi,
I am modifying the layout to suit.
However I have some code below that I dont know how to modify/remove it, because I dont think I need it if I just want one theme colour.
If I stop it, the sidebar doesn't animate in/out and the Nprogress bar doesn't display.
Any thought will help me.
Thanks.
/************************************************
* Storage Functions
*************************************************/
function getThemeSettings() {
var settings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) : {};
settings.headerPosition = settings.headerPosition || '';
settings.sidebarPosition = settings.sidebarPosition || '';
settings.footerPosition = settings.footerPosition || '';
return settings;
}
function saveThemeSettings() {
localStorage.setItem('themeSettings', JSON.stringify(themeSettings));
}
});
$(function() {
$("body").addClass("loaded");
});
Hi,
I am using modular admin for my mvc project i use the index.html as my layout page .but the side menu not expanding and collapsing.Any suggestions will help me .
Thanks in advance
How can I send the data array to drawMorrisCharts function from html or php page?
Then from app.js I would call drawMorrisCharts($data_array);
Thanks
app.scss
looks like it should be buildable, since it does not begin with an underscore, but:
$ sassc modular-admin/app/app.scss > app/app.css
sassc: error: Error: Undefined variable: "$sidebar-width".
on line 4 of modular-admin/app/app.scss
>> padding-left: $sidebar-width;
---------------^
It seems like it should import variables
, right?
If I add imports at the top of app.scss
, then I can compile it stand-along:
@import '../variables';
@import '../../bootstrap/scss/variables';
@import '../../bootstrap/scss/mixins';
@import '../_common/_styles/mixins';
But since this is "modular" admin, I think each module should be capable of stand-alone build, right? Or did I misunderstand the meaning?
Can i install this theme via composer to my project?
I just import this template to my Angular APP
https://github.com/duard/appone if someone need to test.
Hi, first off ... wow, awesome work. Thank you so much for this! I can't want to show you what I'm doing towards making it simple for ASP.NET MVC Core 1.0 developers to utilize this in real apps. Spending this week on it.
Issue:
In app.js, lines 1108 to 1124, I would recommend somehow allowing developers to pass in data. If the data is empty, THEN generate random data (lines 1112-1116).
As it stands right now, I'm not entirely sure how to expose the sparkline functionality to end-user-developers without editing any of the files in the /dist folder (which is where I'm choosing as the integration point with my Visual Studio solution so I can completely wipe out an older version of Modular Admin and paste your latest changes into without blowing away any code I've written.)
Any advice / workaround?
Hello and thank you for great template.
Is there any option to use Bootstrap and other libraries directly instead using vendor.js?
With other words, I want to upgrade to Bootstrap v4. alpha 6 - how to do that?
Thank you.
I couldn't get this project running using the latest version of NodeJS (8.1.2). Played around a bit, it kept throwing errors like "Python27 could not be found" (even though it's there) and "Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (57)" etc. I downgraded to NodeJS 6 LTS and tried it as well with NodeJS 7 and both worked perfectly fine, however. Once I upgrade to NodeJS 8 nothing works.
Hi!
I've a question about the template, I wish to do "window.onTop(0,0)" to move the scroll when the user change between pages but it doesn't work due to the page (layout container) are in the top (0,0).
This problem appear in all case studies (header and sidebar fixed and static).
Any suggest?
Demo pages should have links "download", "documentation", "view on GitHub".
It's hard to navigate back to repository and/or download theme when you're viewing demo.
Need to design and implement additional links on all pages.
Open mobile/tablet menu on swiping from screen left edge.
Hi i am using modular theme and i am stuck this side menu.Side menu expand collapse functionality not working for me.When i click on a menu that has dropdown menus nothing happens.but demo page index.html working fine.Anyone plz help.
Is it possible to use with the WebPack? I tried it, after installing over NPM, but the problem is with missing "main" in the package.json
To whom it may concern, I updated my local version to the current Bootstrap 4, didn't see any issues so far and it was quite simple.
Change line in bower.json to
"bootstrap": "v4.0.0-alpha.5",
and in modular-admin-html/src/_common/_styles/layout.scss replace
"$grid-gutter-width" with "$grid-gutter-width-base"
Run bower install again before npm start and enjoy!
Hii,
Where can i find the PSDs templates?
Hi,
I'm trying to integrate the code in my application (an Angular 4 builded with Webpack and ASP.NET Core as server) and I cannot understand witch is the JS code to integrate to run the modular admin feature (eg. the sidebar menu). Not the vendors, as Bootstrap, nor the code used to run the demo. Just the JS that "runs the template"...
thanks
Hello, I used your module for the application I am creating at this time. My problem is on the modal box I use the jelix framework and the modal box is called via ajax, the box appears very well but when I click on the close button, the box disappears but there is always the page remains grayed out . Thank you in advance.
Sorry for English.
Attached images sorting is buggy, the add button should not be sortable within other images.
The featured image should have additional class "main", and have different color border (maybe #FFB300?).
Hi,
great dashboard theme. I found a problem though. When I set 'image-tooltip': true, in Quill setting image media button is not working properly.
How do I fix that? I tried replacing your html with official html. I actually opened media modal but I could not enter any text.
I'm using this template for an app with ASP.NET MVC.
Just change the paths of the files in Index.html and in vendor.js so you do not look in css / app
Uncaught Error: Dropzone already attached.
at new Dropzone (http://localhost:32340/Scripts/vendor.js:42561:15)
at Function.Dropzone.discover (http://localhost:32340/Scripts/vendor.js:43599:23)
at Dropzone._autoDiscoverFunction (http://localhost:32340/Scripts/vendor.js:43881:23)
at HTMLDocument.init (http://localhost:32340/Scripts/vendor.js:43850:19)
I have a question, more than an issue.
Is it possible to toggle the menu and show the burger icon rather than the full menu on certain pages? Similar to what happens when viewing the page on an iPad?
I would like to request that a docker file be created so that me and many other people can get started quicker. This would help people who are not familiar with npm and would like to just get started with one simple command like
docker built -t modular-admin .
Update bootstrap version to alpha 3
New version of bootstrap4 was released. v4.0.0-alpha.6
https://v4-alpha.getbootstrap.com/
Need to update modular-admin to latest version
Hello
i am coding with code ignitor after integrating with modular-admin my css and alignment got crashed
first everything loading fine but once "js/vendor.js" load it get crashed,
if disabled js/vendor.js this line all working fine but no graph e.t.c..
Would be nice to add sub-menu support to sidebar
After handlebars compilation html indents are broken.
Use beautifier gulp plugin
Now all sass files are concatenated before SASS compilation.
Because of that when there is a syntax error in sass, It's hard to find the file causing it.
Using gulp-sass-globe instead of concatenation may solve this issue.
Dear all,
I'm trying to implement autocomplete from jqueryui into modular-admin.
Unfortunately it seems that putting jquery script into the template conflicts.
Scripts of jquery are added into the header, app.js and vendor.js into the end.
Console shows "autocomplete is not a function".
If I delete app.js and vendor.js then all is working with the jquery code.
Any idea to solve this problem?
Rgds
Sorry, i'm french and my english is verry bad.
I want to using ajax :
`var dataString = $('#login-form').serialize(); // Collect data from form
$.ajax({
type: "POST",
url: $('#login-form').attr('action'),
data: dataString,
timeout: 6000,
error: function (request, error) {
},
success: function (response) {
response = $.parseJSON(response);
if (response.success) {
alert('ok');
}
}
});
return false;`
But I do not know how. Please help me.
Pick a corresponding license and add it to LICENSE file in the project root.
Is it possible to use with the WebPack? I tried it, after installing over NPM, but the problem is with missing "main" in the package.json
Sometimes charts are not redrawn on theme change.
Remove Watch.JS
and use event, triggered on theme change. Redraw charts on event
$(document).trigger("themechange");
$(document).on("themechange", function(){
// redraw...
});
.card .card-header .title {
color: #ffffff;
}
Seems more compatible with theme.
Thank you for your efforts.
There are lot of global functions (see compiled app.js file)
We need to move most of those functions into
$(function() { });
to remove them from global scope
Media library to choose image or upload image seems like not working. Images in library is not selectable and uploaded image is not showing in library.
Thanks
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.