Jump to content

Recommended Posts

1 hour ago, Noel Boss said:

Would love to, but it's not a priority for me right now and I don't have time. But since I documented how it works, I'm open to implement it if someone finds a way…

Same here. Maybe someone else wants to give it a try. Or I'll go for it myself when I find some time. Would also love to. And your explanations definitely help a lot to understand everything a lot quicker. Thanks!

Share this post


Link to post
Share on other sites

@maxf5 - fixing it – is an issue with AOS, release 0.5.3 does fix it.

And I've also further refined the login screens:

black-login.thumb.png.367ba1f7fae3a40e42c2bb5301e1ad4f.pngpw-login.thumb.png.6a971310bc6ed57369e92eafb2164092.pngvibrant-login.thumb.png.71806c54a7b1f390b7a5f6da70b88fa5.pngpink-login.thumb.png.4679b3a505fec272d1633daf8a380018.png

Well, I had designed colourful login screens, but did not really like them. If you still want to look at these and maybe give some feedback, you are welcome:

Spoiler

Quick question: How do you guys like these colourful login screens?

black-login.thumb.png.f5fb8783f6eb90d878046e49aed66a59.pngpt-login.thumb.png.e956eebd833b2f02c801e48896955fb9.pngvibrant-login.thumb.png.8c5e0f86f51fdc86d3e91a927a613671.pngpink-login.thumb.png.36667d73e3ed7b122a92c06e095e9e13.png

 

 

  • Like 2

Share this post


Link to post
Share on other sites

Hey @Noel Boss, me again 🙂

I still don't get how your theme works or how you built it. Where do all those LESS files come from? I see you include a copy of UIKIT in your module including all the regular uikit less files. But there are lots of pw related LESS files in it as well:

uMCI3s5.png

Did you build those files on your own? I can't find any less files in the PW core... I've already successfully built a custom UIKIT frontend theming module where LESS parsing is done on the fly via PHP: https://screencast-o-matic.com/watch/cFXnX1Y72l

It would be great to have such an easy way of customizing the backend as well.

Share this post


Link to post
Share on other sites

Those .less files don't come pre-installed - at least not in my instances (mostly blank or multi-language profiles).

So... I don't think you messed anything up while searching for the files.

Share this post


Link to post
Share on other sites

AAAAh 🙂 Now I understand. That's the github version of the admin theme and the shipped version in the core is different. Thx for clarifying!

  • Like 1

Share this post


Link to post
Share on other sites

Thx again @wbmnfktr I tried that approach today and created a new thread that might be interesting for some others here as well:

 

  • Like 2

Share this post


Link to post
Share on other sites
20 hours ago, Noel Boss said:

Did you miss the readme or did I mess up and should make anything more clear there? 

Everything fine now, thx.

Share this post


Link to post
Share on other sites

Just wanted to let you guys know that I've just released my new module that we've discussed here:

 

  • Like 1

Share this post


Link to post
Share on other sites

Hi everyone! And thanks for Processwire!

A small bug found in this great admin theme. It concerns the datepicker behavior. If we have two date fields one below another, the first field datepicker may slide below the input field of second field. The problem can be resolved by changing the AdminThemeBoss\uikit\dist\css\uikit.(color).min.css from:

.pw .ui-datepicker#ui-datepicker-div { z-index:2 !important; background: ... 

to:

.pw .ui-datepicker#ui-datepicker-div { background: ... 

Thanks again for this nice theme!

screenshot.25-03-2019 15.21.06.png

  • Like 1

Share this post


Link to post
Share on other sites
On 3/25/2019 at 2:30 PM, theoretic said:

Hi everyone! And thanks for Processwire!

A small bug found in this great admin theme. It concerns the datepicker behavior. If we have two date fields one below another, the first field datepicker may slide below the input field of second field. The problem can be resolved by changing the AdminThemeBoss\uikit\dist\css\uikit.(color).min.css from:


.pw .ui-datepicker#ui-datepicker-div { z-index:2 !important; background: ... 

to:


.pw .ui-datepicker#ui-datepicker-div { background: ... 

Thanks again for this nice theme!

screenshot.25-03-2019 15.21.06.png

I have the same issue. 

@theoretic Could you please open an issue on the repo https://github.com/noelboss/AdminThemeBoss

Share this post


Link to post
Share on other sites

Hallo everyone 👋

I have just release AdminThemeBoss 0.6.0

91885200_Screenshot2019-09-11at19_05_00.thumb.png.f55fb7917955fcfbbe4c4c8afe22bd54.png

Introducing, a refined, more colorfull and streamlined expirience:

  • Added: more colors 🎉
  • Added: improved notifications 📢
  • Added: improved dropdows ⬇️
  • Added: improved integration with third party modules like ProDrafts, AOS and ASM… 🤝
  • Under the hood improvements on how settings are saved and applied
  • Fixed: Some minor bugs 🧨🦟
  • Like 5

Share this post


Link to post
Share on other sites

And here we go again… 0.6.1 is out now:

Everyone is going green, only AdminThemeBoss was somehow missing the trend… So this new version fixes this glaring oversight 😇

  • New «Smooth Green» color scheme 💚
  • Fixed: Small issues with asmSelect entries
  • Fixed: Mobile view with AOS 📱

1774707908_Screenshot2019-09-12at16_50_36.thumb.png.89594fef21dab21fa4bfe864189eb1e9.png

 

  • Like 2

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By Clément Lambelet
      Hey!
      I've been working on a Processwire installation (3.0.123) for a few days now and I must have made a big mistake this morning because the links in the admin's main menu no longer appear.
      This is not related to the admin theme, because the bug occurs with all themes (Default, Reno, Uikit).
      I tried to reinstall with the dev version (3.0.136), but the problem is still there. I also uninstalled all the modules I had added, without success. There is no error in the js console. 
      I still can access/view/edit the pages  by going through the admin/page list.
      Thanks in advance for your help!


    • By MateThemes
      Hello everyone!
      I have searched the forum for quite a long time and I tried some solutions for my topic but nothing seems to work.
      I need to create a Settings Page and for a native feeling I want to create it under the main navigation on top. The settings page should hold the Main Logo, some styling and other settings. As I said nothing seems to work for me. I tried to create a Page under Admin with Admin Template and ProcessPageEdit but then I can't assign an image field. 
      I don't want to write a module because it is to much work for only 3 settings.
      I hope someone of the forum could help me out!
      Have a nice day!
    • By Peter Knight
      Hi guys
      I know some of you are UIKit fans like me. I built a site recently using UIKit 3 and I'm having some layout issues on IE 11 and largest breakpoints.
      You have to set quite a big resolution or have a large monitor to experience this as it only happens on largest breakpoints.
      The main column in the above URL is successfully centered in most browsers except IE11.
      On IE 11, it shifts to the right. Basically it's a DIV using the uk-width-expand selector and then I have a custom max width and a margin in there to centre the content horizontally.
      Here's a simple CodeKit and JSFiddle of the issue
      https://codepen.io/edenstudios/pen/qvWpGo
      https://jsfiddle.net/EdenSt/auekfgqt/8/
      Thanks
      P
       
       
    • By BitPoet
      Inspired by this thread with a little nugget based on AOS by @benbyf to visually distinguish development systems from production ones, I wrote a small module that does the same and lets you adapt colors and text.
      Link to the github repo:
      AdminDevModeColors
      Version 0.0.1 is still very alpha and only tested on PW 3.0.124.
      Description
      This module lets you change the color for the top toolbar and add a small piece of text for development systems, so you are immediately you aren't working on production (and vice versa). The adaptions are made through pure CSS and applied if either the "Enable DEV mode" checkbox in the module's configuration is checked or the property $config->devMode is set to true in site/config.php.
      Works with Default, Reno and Uikit admin themes (though probably needs a lot of testing with different versions still).
      Since a screenshot says more than thousand words...
      Production system (unchanged):

      Dev system (Default admin theme):

      Dev system (Reno admin theme):

      Dev system (Uikit admin theme):

      Feel free to leave any feedback here and report any problems either in this thread or the github issue tracker.
       
    • By sambadave
      Hi everyone, here's the problem I'm trying to solve.
      I have a config area in my PW admin that is locked down for admin use. I use pages to store a bunch of settings that I'll use for my clients website. It's mostly used for visual things like colours and theming. This list could be tiny or large, depending on the sites requirements, but its great because I can store any information I want to. So the page tree could look something like this:
      ADMIN SETUP
      Home Config Aesthetics Colours Red Field: Custom Label - "Red" Field: Class name - "theme--red' Green Field: Custom Label - "Green" Field: Class name - "theme--green' Blue Field: Custom Label - "Blue" Field: Class name - "theme--blue' etc... Sizes Small Field: Custom Label - "Small" Field: Class name - "sm' Medium Field: Custom Label - "Medium" Field: Class name - "md Large Field: Custom Label - "Medium" Field: Class name - "lg" etc... Icons Target Field: Custom Label - "Hands shaking Icon" Field: Icon SVG - "[svg code]' Target Field: Custom Label - "Target icon" Field: Icon SVG - "[svg code]' Success Field: Custom Label - "Happy face icon" Field: Icon SVG - "[svg code]' etc... HOW I USE THIS
      I'm then able to set up page reference fields for colour, size and icons. I'll use these fields on particular pages so that my clients can select a particular colour, size or icon, or anything really. Currently, with the page reference field I can create a custom label for the options. So for something like colour I can label the field "Theme" and present a list of colours like "Red, "Green" and "Blue" using the custom page label label format of the colours page.
      This of course means that I can use this to do some lovely presentation on the front end of the site. With a colour selected I'll then be able to use the page reference to get the class name for that colour theme so that I can update the page's look and feel. So in my markup I'd end up with "theme--red" or "theme--green" etc.
      THE PROBLEM
      I have this all working which is great and it's really flexible for the client which they love. However, I'd love to be able to make things more visual for the client.
      Is there a way to be able to output more than just text in the page reference field? I might have a bunch of different blue colours, so instead of a list like so:
      Navy Blue Deep Blue Bright Blue Sea Blue ... it would be great to be able to output actual colour swatches, which is a lot mor visual for the client.
      Taking the icon selector, I would ideally like to show the actual svg that I've stored against that icon as a selectable image instead of seeing text options like:
      Hands shaking icon Target icon Happy face icon Just a couple of scenarios here, but as you can see there could be any number of reasons to display a more visual method of selection.
      ANY SOLUTIONS?
      I've looked at modules like FieldtypeColorPicker which could help in solving the colour issue, but it doesn't allow me to select a colour and then use a particular class name assigned to it the way I describe above.
      Considering the other use cases I mention above, does anyone know if anything exists already that would help me to create custom presentaion for page reference lists, or if there's anything planned?
      Thank you in advance for anyone who's read this far and has any words of wisdom!
      Dave
       
×
×
  • Create New...