Drupal Tutorials and Blog Posts

The State of Drupal 8: Toolbar, Inline Editing, Languages

icon-d8-100Over the last few months, we've been covering the Drupal community's progress towards releasing Drupal 8.

Our last update was a month ago. I explained that the core file structure had changed, plus there were over 15 new modules including Views.

Since that update, the first major deadline has arrived. Feature freeze was in the beginning of December, although that deadline slipped a little, and we can still expect new features until February.

However, lots of great new features have arrived in the last month, and so let's take another look at the state of Drupal 8.

Toolbar

Drupal 8 has a new toolbar that's considerably shorter and more concise than anything we've seen in previous versions. The toolbar also includes icons for the first time.

media_1356359061723.png

The main navigation elements that you'd expect to see in Drupal are now under the "Menu" tab. The terminology is almost the same as Drupal 7, except that "Modules" has been replaced by "Extend".

media_1356359077514.png

This toolbar is mobile-ready:

media_1356359110748.png

On mobile screens, the sub-links move to the sidebar. This sidebar menu is available as an option for desktop users too.

media_1356359129612.png

Inline Editing

One of the most exciting new features in Drupal 8 is inline editing. Whenever you're on any content page, click "Edit" in the toolbar.

media_1356359215335.png

You'll see that your content elements are highlighted:

media_1356359238149.png

Click any element and you'll see it pop out of the page:

media_1356359260998.png

You'll be able to edit the save the content directly from your current page:

media_1356359285666.png

Currently this editing is available only for content fields. I presume it may later be extended to allow the editing of content titles and other elements.

Contact Form

Presumably to help make Drupal more friendly for entry-level site builder, the Contact form module is now enabled by default:

media_1356359447698.png

You can add fields to the form so it will be quick and easy to expand the contact forms:

media_1356361365683.png

Cleaner Interfaces

One thing I haven't heard mention, but that struck me in Drupal 8, was that a lot of interfaces have been cleaned up.

In Drupal 7, screens like this contain at least 4 links for each content type.

media_1356359499347.png

The same was true with the menu screens. Some of the links are hidden under the dropdowns on the right, but many have been removed entirelyl

media_1356359557472.png

The Modules / Extend screen has also been greatly simplified.

media_1356359633933.png

All in all, it looks like there's been a real effort to reduce the information overload on many of these screens.

Language Translation

Three new language translation modules have been added to Drupal 8:

media_1356359412013.png

Inside Configuration > Languages, you can quickly click and Add languages.

At the moment, because Drupal 8 is still in development, the admin interface still needs to be translated manually, hence the 0/300 score in the image below.

media_1356359699767.png

The Drupal core will now automatically attempt to detect the language preferences of both visitors and administrators:

media_1356359797188.png

Every time you want to translate something, you need to give explicit permission. For example, if you want to translate a content type, you first need to edit that content type and enable translations.

media_1356360193860.png

Then you need to enable translations for each field within that content type:

media_1356360472866.png

Once that's done, you'll see a Translations tab on content items:

media_1356360073326.png

Translations also appear in the contextual links:

media_1356360519639.png

Once you click either of these links you'll get a translation screen like the one below:

media_1356360536348.png

The translation screen for each language looks exactly like the screen for your default language.

media_1356360630222.png

Comments

 
Wim Leers
#1 Wim Leers 2012-12-25 10:24

Regarding the in-place editing of titles: that will become possible automatically once node/entity titles are converted to be proper fields/properti es instead of the hardcoded "pseudo"/"extra " fields that they were in Drupal 7 and currently still are in Drupal 8.
 
 
steve
#2 steve 2012-12-26 12:25

Great, thanks Wim.

Just a few days ago we wrote a blog post on the limitations of node titles in Drupal 7 and it occurred to me just how long Drupal users have relied on such workarounds: ostraining.com/.../...

It'll be great to see the titles treated properly in Drupal 8.
 
 
yakoub
#3 yakoub 2013-02-20 04:58

content translation module existed in core already in drupal6 !
 
 
jmcbade
#4 jmcbade 2013-02-21 09:07

Do I understand this correctly?

For every item, and for every field / part / attribute of some content, we will have to go and enable translation for that?

Maybe I don't understand, but wouldn't it be more practical to enable rights to a User or a group or content in a certain area?

I have never used ML under Drupal - any version, but manual translation and management is a key issue for the sites I build.
 

Add comment


Security code
Refresh

blog-ad

Start Online Training

Members get access to all our video training. That's 1,142 training sessions in Joomla, Drupal, WordPress and Coding.

Latest Comments

The License for Our Tutorials

All of our tutorials are published under the Creative Commons Attribution-NonCommercial license. This means:

  • You can re-use these tutorials.
  • You can modify these tutorials.
  • You must link back to our original tutorial.
  • You can't use these tutorials commercially.

Click here to read the full license.

Open Source Training is not affiliated with or endorsed by the Joomla, WordPress or Drupal projects.
All product names and trademarks are the property of their respective owners.

Copyright 2013 Open Source Training, LLC. All rights reserved.