Jump to content
adamspruijt

Release: MetroWire

Recommended Posts

Introducing MetroWire, a little theme I've been working on and using in personal projects for which was once inspired by "metro" styling and to which now I can't think of a better name for. :)

DOWNLOAD

http://modules.processwire.com/modules/metro-wire/'>Modules Directory Listing



SCREENS!!

Login

8291561504_85b0f01937_z.jpg


Page Tree

8290516477_0d4494379d_z.jpg


Templates Page

8291561560_a514349082_z.jpg


Customise the colors!
(for those of you familiar with less. Change the "@adminAccent" colour variable in "templates-admin/styles/less/vars.less" and compile to customise the main colour to whatever you like!) Hopefully at some point I can integrate the compiling and even give users the ability to choose their colour... fun!

8290504307_7a3d34bb33_z.jpg

Hope you guys enjoy this, thanks for taking a look if you do!


I also did a Tweak to the AdminBar to match my theme more closely (hopefully Apeisa doesn't mind), and did some naming changes to solve a conflict I had on a project that used Bootstrap

AdminBar-TWEAK.zip

  • Like 14

Share this post


Link to post
Share on other sites

This looks nice. Will check it out over the holiday.

Share this post


Link to post
Share on other sites

Hello,

Very nice!

I have not really explored admin themes yet, but this one definitely looks like a candidate.

Yes, I think Github is the place where everything needs to go now.

Thanks for doing this.

Matthew

Share this post


Link to post
Share on other sites

Looking great! Vibrant colours too! Will check it out soon!

Share this post


Link to post
Share on other sites

good stuff, going to check this out for my next sites!

Share this post


Link to post
Share on other sites

Looks good. Want to download, - but the links are dead :(

Share this post


Link to post
Share on other sites

DOWNLOAD

(if need be I can move this all over to GitHub, I'm new to git in general and BitBucket offered free private repos, but it seems all the cool kids are using GitHub)

I searched for you on GITHUB and found the link, as it is no longer available on BitBucket

https://github.com/adamspruijt/metrowire

Can you update your post?

:) 

  • Like 1

Share this post


Link to post
Share on other sites

Coming to this theme a bit late (due to a natural aversion to anything remotely Win8 related), but I have to say it is my new favourite.

Just a note for anyone with 'busy' templates (lots of fields), this theme seems to work better than most at displaying fields set to narrow widths.

  • Like 1

Share this post


Link to post
Share on other sites

Thanks for the kind words Dave, I abhor Windows 8, but generally like the aesthetic, though I think somewhere along the line of making this theme I got away from the metro look a bit more than I meant too. So it's more "loosely" inspired than anything! :)

Share this post


Link to post
Share on other sites

I have been using it for more than a month on one of my websites, and I am really pleased with it. Good work!

Share this post


Link to post
Share on other sites

This is also a great example for learning more about making your own custom admin theme, thanks.

Share this post


Link to post
Share on other sites

Thanks for the kind words guys, and for giving the theme a try. I've pushed some fixes to some small issues here and there along with some improved styling to the wire tabs, submit buttons and breadcrumbs. All pretty minor but figured I'd mention it. thanks!

  • Like 2

Share this post


Link to post
Share on other sites

Metro not compatitible with 'tags' in Ryans new blog template:

When adding tags or categories the select box doesnt add to the tags as it goes so only alows you to use one tag per post unless you trick it by saving the page and then adding another one and saving again.

Great theme though!!!

Share this post


Link to post
Share on other sites

Metro not compatitible with 'tags' in Ryans new blog template:

When adding tags or categories the select box doesnt add to the tags as it goes so only alows you to use one tag per post unless you trick it by saving the page and then adding another one and saving again.

Great theme though!!!

Is this when using asmSelect? I will look into and try to fix ASAP.

Share this post


Link to post
Share on other sites

After I copy my files over via ftp, I get the following message...

Parse Error: syntax error, unexpected T_STRING (line 9 of /site/modules/AdminMetrowire/AdminMetrowire.module) 

Any ideas?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By Pip
      Hi everyone, 
      Is there a way for us to replicate the "http://mydomain.com/processwire/page/edit/?id=xxx" and change the template to match my site template? 
      I'm terribly happy with the admin / backend page edit. It covers literaly everything I want to empower my non super admin user in updating pages such as validation, repeater management, file upload. 
      I wish not to allow the users to see the backend for both security and aesthetic reasons. 
      Thanks and hope to hear from you soon. 
       
    • By MateThemes
      Hello everyone!
      I use Ryan's site profile blog for my new website. Everything works great, but i am not able to change the url of the blog categories. Currently the url is root_url/categories. My client wants the url root_url/news/categories. 
      If change the url in the tab url from /categories to news/categories Processwire change it to news-categories!
      How can I change that or can I change it in the php file too?
      Thanks for your help for a beginner!
    • By Noel Boss
      Admin Theme Boss
      A light and clear theme based on Uikit 3
      Features
      Five unique color options Beautifully redesigned login screens Modern typography using Roboto Condensed Extended breadcrumb with edit links Extends AdminThemeUikit, so you can continue using all current and future AdminThemeUikit features Option to activate theme for all users Compatibility with AdminOnStreoids and other third party modules   Updated and Releases
      There is a shiny new release page where you can subscribe to updates for new releases of AdminThemeBoss.   Color Variants:
      ProcessWire Blue


       
      Dark Black


       
      Vibrant Blue

       
      Happy Pink

      Smooth Green *new with 0.6.1*

       
      Requirements
      Requires a current ProcessWire version with AdminThemeUikit installed and activated.
      Installation
      Make sure AdminThemeUikit is activated Go to “Modules > Site > Add New“ Paste the Module Class Name “AdminThemeBoss“ into the field “Add Module From Directory“ Click “Download And Install“ On the overview, click “Download And Install“ again… On the following screen, click “Install Now“

      Manual Installation
      Make sure the above requirements are met Download the theme files from GitHub or the ProcessWire Modules Repository. Copy all of the files for this module into /site/modules/AdminThemeBoss/ Go to “Modules > Refresh” in your admin Click “Install“ on the “AdminThemeBoss“ Module
    • 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
       
    • By snobjorn
      I have been searching a while for pre-made UIkit 3 themes that I can download in some form and use. But I have not found much. I work with variables and compile most times, but sometimes I would prefer working with a "finished" theme as a starting point
      I have found the following resources:
      https://github.com/zzseba78/Kick-Off https://github.com/uikit/awesome-uikit Do anyone else know of UIkit 3 themes that you could list?
×
×
  • Create New...