Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
Experience Sitecore! | Fixing unfriendly default Sitecore 8 styles from huge elements, padding, spacings and few more improvements (package)

Experience Sitecore!

Martin Miles on Sitecore

Fixing unfriendly default Sitecore 8 styles from huge elements, padding, spacings and few more improvements (package)

I am entirely happy with Sitecore 8.0 improvements, except one simple, but quite important thing - new look and feel megalomania. In first place by saying that I mean the way how Sitecore with new Metro-like interface manages space and huge paddings between elements. The maximal impact you may experience when working with Content Editor - content tree and item fields. I got an assumption that it was designed for use on as little as 27" monitors, not less. If you are running Sitecore from a 13-15 inches laptop - you definitely should read this blog post to the end.

Things however are not as bad and the good news is - it can be relatively easy to improve by simply editing CSS files, that Sitecore utilizes - they are located within <web_root>\sitecore\shell\Themes\Standard\Default folder. The bad news is that the folder contains 34 CSS files and some of them have several thousands lines.

So, my dear reader, I have made this dirty job for you and you may download the package that modifies styles, which make spaces as compact as they were in previous versions.


To start with, compare 2 images below. First one shows how Sitecore 8 looks originally, straight after the installation:


And below there is a screenshot of the same screen after applying a Style Adjustments patch. See how content tree became more informative:



There is one small, but quite handy improvement - we all know database selection tool in the right bottom corner. If you click it and enable "Show Database Name"option - by default you'll get a database name, written on a desktop right above this database selector. But it is displayed only when you see clear desktop, as soon as you open Content Editor - this useful label will be hidden underneath the window. So I decided to relocate this label to the bottom bar immediately left from select box. So now you are aware of current database regardless of wether you have a windows open full-size. Here is a screenshot of how it looks like:



There are still other changes across the whole sitecore - windows, popups, dialogs etc. that were improved. Package creation dialog became more compact as the result:


Screenshot below shows the comparison how it was before. In the default view only 2 selected items are able to fit .... eh-h..



Download the package: so, to get this presentation changes on your environment, please download and install the package: Sitecore 8.0 Style Adjustments-1.2.zip or Sitecore 8.1 Style Adjustments-1.2.zip - agree to overwrite all, when prompted.

Want to revert changes back as it was before? (suprised one would want but still) - apply anti-package: Sitecore 8.0 Style Adjustments-1.2-ANTI-PACKAGE.zip or Sitecore 8.1 Style Adjustments-1.2-ANTI-PACKAGE.zip

Compatibility tested: Sitecore 8.0 - Update 4-5 (however supposes to work on all previous 8.0 releases).

Important! After package installation not all style may work - so please update your broser cache


If you like the updated look and feel, please let me know - I will be pleased to know someone else is using this adjustments.

Cheers!





blog comments powered by Disqus