[RELEASE] AdminLTE v4 beta1

[danny007in]

(Alpha)-Release is online, you can install it with npm install admin-lte@next or npm install admin-lte@4.0.0-beta1.

Online https://adminlte-v4.netlify.app

Check https://github.com/ColorlibHQ/AdminLTE

Install npm i for this you need Node,js

to build npm run production

to run npm run dev then open go to http://localhost:3000/

then give some idea, or contribute 👍🏼

[leonardodepaula]

Is v4 built on top of Bootstrap 4 or 5?

[danny007in]

Is v4 built on top of Bootstrap 4 or 5?

v5

[danny007in]

Is v4 built on top of Bootstrap 4 or 5?

And thanks for this comment, ill update readme

[tacman]

Wahoo! Very exciting.

Obviously, lots more to do (login pages, right hand sidebar, etc.), but great to see that this is starting.

It appears to me that the BS5 changes from BS4 are not as significant as the BS3 to BS4 changes, dropping jquery of course is a big one. And changes to the data attributes to include -bs.

Do you think that getting the demo to work is going to be mostly HTML to change to support bs5, or changes to the AdminLTE CSS and JS files?

[Root3287]

Do we have to compile using npm? Will there be compiled CSS/JS in the future?

[danny007in]

Do we have to compile using npm? Will there be compiled CSS/JS in the future?

Same as AdminLTE v3

[danny007in]

I am planing to make development setup using gulp. Any suggestion.

[REJack]

I am planing to make development setup using gulp. Any suggestion.

for what gulp, why not webpack?

[danny007in]

I am planing to make development setup using gulp. Any suggestion.

for what gulp, why not webpack?

I have started implemented 90% completed. Gulp fast, https://github.com/themesberg/volt-bootstrap-5-dashboard It as npmDist and generate html using partials

[REJack]

Would you implement generate demo html files with gulp too? Like jekyll

[danny007in]

Would you implement generate demo html files with gulp too? Like jekyll

Yes using https://www.npmjs.com/package/gulp-file-include

[danny007in]

replacing https://adminlte.io/docs/3.1/javascript/card-widget.html with https://getbootstrap.com/docs/5.0/components/collapse/ any suggestion

[ZhangChengLin]

replacing https://adminlte.io/docs/3.1/javascript/card-widget.html with https://getbootstrap.com/docs/5.0/components/collapse/ any suggestion

It can be implemented with bootstrap v5's own components, which is a good choice, which can reduce the overall file size

[ZhangChengLin]

The gulpfile.js file can be divided into 2 or more files by function, which makes the functions easier to identify. The directory method is also supported.

[ZhangChengLin]

Have you considered using svg icons instead of icon icons? https://icons.getbootstrap.com/

Two-color icons are currently popular.

[danny007in]

Have you considered using svg icons instead of icon icons? icons.getbootstrap.com

icons.getbootstrap v2 ill implement, because https://github.com/twbs/icons/issues/834

Two-color icons are currently popular.

send link

[ZhangChengLin]

Two-color icons are currently popular.

send link

Maybe only Font Awesome Version6 duotone styles

[MGatner]

Is v4-dev hosted anywhere? Part of my workflow installs via Packagist then copies out from dist/, so I would need to install npm during my CI just to try out version 4. Could we get a CDN, or prerelease?

[REJack]

The first "pre-release" will take minimum 2months, first I need to push the fixes for the v3.1 fix release

[MGatner]

Thanks @REJack. I will build myself and see where I can hop in. Do you have any plans to make version 3 compatible with Bootstrap 5? Or is it 3.x => BS4, 4.x => BS5?

[REJack]

v3 will stuck on BS4

[tacman]

v3 will stuck on BS4

Great, too messy, especially without jQuery.

[MGatner]

@danny007in Where would you like issues and PRs? Your fork? os-content-glue is causing a very large empty space before the sidebar menu (macOS 11.4, Safari 14.1.1)

https://user-images.githubusercontent.com/17572847/123274797-d44cfa00-d4d1-11eb-96b1-9b30f05b60a5.mov

[danny007in]

i have fixed it

[MGatner]

I have fixed it

Locally? It is still wonky for me.

@danny007in Would you like to continue using this Issue to discuss version 4? Perhaps enabling Discussions or starting a Discord would be easier?

[MGatner]

In case it is helpful to anyone else I will be maintaining a distribution repo for version 4 until there is an official release: https://github.com/MGatner/adminlte4

[REJack]

enabling Discussions

They are enabled 🤣

Discord would be easier?

I release soon the Invite link :D I prepared one already.

[MGatner]

@REJack Any update on the Discord?

[REJack]

Here :D https://discord.gg/jfdvjwFqfz, but it's still under development 🤣

[REJack]

Here :D https://discord.gg/jfdvjwFqfz, but it's still under development 🤣

@danny007in would you Join the Discord Server too?

[danny007in]

we can release alpha version of adminlte v4 after adding some html examples and customizable config options

[rezathecoder]

Hi. When can we use this great v4 in production?

[danny007in]

Hi. When can we use this great v4 in production?

only js config remaining, @REJack needed to do.

[REJack]

I will start with it in the next days, first I need to close the last 2/3 issues for v3.2 and release it 😄

@danny007in is the whole CSS stuff done?

[danny007in]

I will start with it in the next days, first I need to close the last 2/3 issues for v3.2 and release it 😄

@danny007in is the whole CSS stuff done?

css is done , html example we can add later releases,

[tacman]

I've been using the v4 branch for development work, and the basics are working pretty well.

If you're open to suggestions on what to work on next, I quite like the right-side settings menu in v3, and would love to see it in v4 soon. I don't think it's all that hard to move to bs5 for someone who knows what they're doing. Alas, that's not me, I struggle with even simple stuff like flexbox, grid and display.

Anyway, jazzed to hear you'll be able to look at v4 soon! Thanks!!

On Thu, Oct 7, 2021 at 8:09 AM Daniel @.***> wrote:

I will start with it in the next days, first I need to close the last 2/3 issues for v3.2 and release it 😄

@danny007in https://github.com/danny007in is the whole CSS stuff done?

css is done , html example we can add later releases,

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/ColorlibHQ/AdminLTE/issues/3692#issuecomment-937730409, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAEXIQNJ5AIHGEUJ52T7ZKTUFWEWTANCNFSM443HKDKA . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

[rezathecoder]

I will start with it in the next days, first I need to close the last 2/3 issues for v3.2 and release it 😄

@danny007in is the whole CSS stuff done?

Any progress? :)

[danny007in]

i am planning to add most plugins as cdn rather than including in ./dist/vendor folder

[tacman]

Oh, yuck. While that might make a demo easier to build and run, it will make using the theme harder for anyone trying to integrate it using a package manager.

I'm somewhat confused about the whole build process when using this theme, but I'm sure I won't want to use a CDN when developing.

Can you also provide a package.json that manages the plugins?

Thanks.

On Sun, Oct 24, 2021 at 8:27 AM Daniel @.***> wrote:

i am planning to add most plugins as cdn rather than including in ./dist/vendor folder

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/ColorlibHQ/AdminLTE/issues/3692#issuecomment-950316283, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAEXIQJHJLQMFKOYB54WV4LUIP3TLANCNFSM443HKDKA . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

[REJack]

i am planning to add most plugins as cdn rather than including in ./dist/vendor folder

That was my plan too, its totally useless to add all plugins into the package.json also the install time is so huge even if you not use them. Also we only need overwrites for the plugins and we never built the plugin css/scss into AdminLTE‘s css files.

[themikem]

FWIW, I'm pushing updates & fixes here if anyone is interested in tracking them. Trying to get this ready as part of a larger project release, so patching and fixing where necessary: https://github.com/DeltaV-Tech/AdminLTE/tree/v4-dev-dvt

Also quick note that in latest commit terser needs to be: // Minify JS const minifyDistJs = () => src(paths.dist.js + '/adminlte.js', { sourcemaps: true }) .pipe(terser({ compress: { passes: 2 } })) .pipe(rename({ suffix: '.min' })) .pipe(dest(paths.dist.js)) to avoid creating an adminlte.min.js folder instead of file.

[albertmoravec]

i am planning to add most plugins as cdn rather than including in ./dist/vendor folder

That's probably going to be a hassle when running it on an internal network not connected to the outside world. But I haven't seen the final solution so maybe it is doable somehow?

[MGatner]

CDN

In my opinion this should be an option and not a mandate. I understand not wanting to complicate matters, but it's 2022 and every project in every language uses some sort of package management, and publishing a layout template without dependency control seems like a big loss.

Is it inconceivable to publish multiple versions, one as CDN-only for people who "just want it to work" and then another version with package definitions so people can build or provide their own dependencies?

[danny007in]

CDN

In my opinion this should be an option and not a mandate. I understand not wanting to complicate matters, but it's 2022 and every project in every language uses some sort of package management, and publishing a layout template without dependency control seems like a big loss.

Is it inconceivable to publish multiple versions, one as CDN-only for people who "just want it to work" and then another version with package definitions so people can build or provide their own dependencies?

offline user and can download plugins seperatly

[danny007in]

ill add comment as plugins url to download in html for non-cdn users

[danny007in]

@REJack i have an idea

creating separate repos to:-

• bs-plugin-card-widget https://github.com/ColorlibHQ/AdminLTE/blob/v4-dev/src/ts/card-widget.ts
• bs-plugin-direct-chat https://github.com/ColorlibHQ/AdminLTE/blob/v4-dev/src/ts/direct-chat.ts
• and more... as per AdminLTE v3

[sptik12]

Is it possible to install v4 via composer?

[MGatner]

@sptik12 you can use the temporary shim (https://github.com/MGatner/adminlte4) until v4 has been released.

[MojtabaFaal]

Hi Will version 4 be released? Will it work on version 4? Can we hope?

[ibakirov]

@MojtabaFaal AdminLTE v4 is not GA and it's based on Bootstrap 5. Be patient!