Legend

Question

request for debate and/or advice on an Admin UI template

Forum|Forum|6 years ago
June 18, 2019
6 replies
2344 views

hello everyone down here...

knowing that on this forum there is a large number of followers (being for or against this and that)... and without wanting to create controversy, but on the contrary a brainstroming of ideas and advice (preferably wise), I would like to solicit the presence of those who want to go there from their comments.

I was wondering the following question... what would today be a suitable tool for interfacing an application interface. The selection criteria being Bootstrap 4, Sass, and if possible NPM

here is the first results of the candidates who caught my attention... are there others? certainly... but I certainly missed it!

what would be your feedback and will you advise others? which ones (attention meeting the above criteria)

thank you to those who will participate in this discussion and sorry for the others who will be subjected to the noise of such a discussion.

have a pleasant day

birnou

This topic has been closed for replies.

B i r n o uAuthor

Legend

by turning, turning, turning, taking back my notes... I think I'll move towards the outsider proposed in the first list of three #comment1

the list of components is almost infinite, it is we node, gulp and NPL (so).... BS 4... I think I'm going to move towards the (non modern) version with side bar) which seems more complete and cover the needs of the application

Well, the discussion is not over.

https://designreset.com/preview-equation/default/

pziecina

Legend

https://forums.adobe.com/people/B+i+r+n+o+u wrote
by turning, turning, turning, taking back my notes... I think I'll move towards the outsider proposed in the first list of three #comment1
the list of components is almost infinite, it is we node, gulp and NPL (so).... BS 4... I think I'm going to move towards the (non modern) version with side bar) which seems more complete and cover the needs of the application
Well, the discussion is not over.
https://designreset.com/preview-equation/default/

I don't know if you have viewed that template on a tablet, (I'm using an iPad) but if you collapse the sidebar then scroll the page, the sidebar expands on its own.

pziecina

Legend

Quite honestly Birnou, I had expected more regular contributors to join in the debate, as admin UI's and there use for PWAs is a multi-billion dollar section of web development, (in every country).

Given that bootstrap is ideally suited for small teams developing such, I would have also thought we would have had a differing of thought regarding boostrap and how easy or hard using it for admin Ui's extensibility would have been.

B i r n o uAuthor

Legend

Many thanks to both of you for your expert advice, which allowed me to take into account the points I had left out.

the question that remains is.... "is it wise to start an application today that is based on BS3 and not BS4. For the moment the author of the template has not yet answered?"

pziecina

Legend

I would look at what you wish to use from BS components. BS3 will keep working and whilst BS4 is flexbox based, floats are going to continue to be used.

For a UI, flexbox is an ideal candidate, for a number of reasons, the biggest one being that they make going from desktop to mobile device layouts easier than floats. So if multi-screen sizes are a consideration for me, BS4 would be my choice as it is more future proof than BS3 using floats.

Future readers layouts, note -

Before anyone says, 'what about css grid layouts', I think flexbox is better when going from desktop to mobile, but css grids are better when going from desktop to larger displays.

O

osgood_

Legend

pziecina wrote
Future readers layouts, note -
Before anyone says, 'what about css grid layouts', I think flexbox is better when going from desktop to mobile, but css grids are better when going from desktop to larger displays.

At this precise point in time are we actually there yet when to comes to grid? I know it can be used with caution but I dont see a massive push just yet. I keep looking at the percentage of global browser support on 'can I use', its high, but cant make up my mind whether its safe to use, without any fall-backs?

At some point I have to stick or twist much the same as I did with flex and never looked back only this time I think its going to be a combination of both grid/flex rather than replacing float in favour of flex. I rarely use float now.

pziecina

Legend

I'm not happy about how the last two candidates you posted work Birnou. Mainly because they both have problems when using them on a tablet device, (is this a consideration?).

Slightly off-topic though, (after which I will log off and drink a glass of wine).

This type of application is what a PWA is most suited for, and often is used for, as it presents the user with multiple features. An example that may help others to join in, is when such an admin UI is used by hospital staff, (from reception to surgeon). So it must follow multiple patients from administration to final outcome, (surgery or whatever), and record every step and requirerment from the admission procedure, the diagnosis, appointments or anything else that is required.

Just thought the example may help others to participate Birnou , and hope it presents an example that everyone can follow.

B i r n o uAuthor

Legend

I just found new candidates

O

osgood_

Legend

Thats trashy (crmX) v sophistication. (architectui) Both could be suitable for different demographic and l guess thats the problem as Paula pointed out, no one size fits all so unless you absolutely know your target its probably best to go for something clean and simple, with a splash of color.

pziecina

Legend

Layout wise, I would go with the xenon, but I would use css varables so that the end user can modify the color and font used to suit their preferences.

(That is only initial impressions though, as I would have to know what the user/client requirements are.)

What does have me wondering though, is what difference it makes if bootstrap/sass is used or not?

After all these days both are a matter of choice, and when it comes to admin ui's it is not really relevant, as we can decide on which browser versions to support, (and give the client good reasons why) or am I missing something important?

B i r n o uAuthor

Legend

Hello Paula,

I knew that you will be on... and the first one to reply... thanks... I appreciate

like you my first reflex directed me towards Xenon... the template offers a large number of features that are quite attractive and common in application. the only two points that make me give a negative rating are that the template was born in October 2014... (the two others are from early and late 2019) and that it is based on BS 3 (the two others are based on BS4).

so why choose Bootstrap 4, Sass and NMP as selection criteria.

well we will say, that it was necessary to make a choice... subjective gifts totally from this point of view (although I am not a Bootstrap user) but it is a widely distributed library and which therefore has a lot of feedback from groups of users.

but also and especially, there are many packages that allow to automate structural writings for the (structural) content of pages.

And Sass to simplify maintenance and integration with interface customization aspects. the template must be written in Sass for that.

I will add, that although we have here a template admin UI, it will be only the one and only access to the admin... there will be no "client" interface just a user network control interface (for the purpose of this app)

pziecina

Legend

O/K, I'm going to ask a question regarding the future requirements of the UI.

Whilst I can see your reluctance of using the first template because it is BS3 based, and as such may in the future become limited on features. How much do you think the template system would require 'added features' in the future, that you would have to create yourself.

I know it is always necessary to customise any template, but the xenon template whilst old now, has the test of time behind it, as it is a classic type of UI that most users will know, (I like modern animations, but think the 3rd option, by urbanui, over uses them).

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded