With the latest dev version (2011-Oct-12), the label always show above, when the Field Template is "Full Reset". This is similar to #1184868: Inline labels don't work with IE.

(post author tested with Firefox, Chrome & Safari at the time of posting)

Technical explanation

Drupal core field module produces field markup like this (simplified):

<div class="field-label-inline [..]">
  <div class="field-label">Body:</div>
  <div class="field-items"><div class="field-item">Hello</div></div>
</div>

The ds "Minimal" field template produces markup like this (simplified):
- inner wrappers removed
- css classes on outer wrapper and label modified.

<div class="[..]">
  <div class="label-inline">Body:</div>
  Hello
</div>

The ds "Full reset" field template produces markup like this (simplified):
- outer wrapper removed.

<div class="label-inline">Body:</div>
Hello

Any CSS that would target the core field label will no longer work with ds "Minimal" or "Full reset", because the classes are different.

What could have been done in ds?

DS could have attempted to mimick the classes from core fields.
The goal here would have been to be targeted by core field CSS, and by contrib field CSS (e.g. in contrib themes).

However:
- In the "Full reset" this would have had little effect, because there is no outer wrapper to put the "field-label-inline".
- For "Minimal" it would have worked in most cases. However, some CSS might assume the inner wrapper for field labels, and produce a funny appearance otherwise.
- There would have been no easy way to ONLY target ds fields, or to ONLY target core fields.

Workaround

As mentioned in the comments, the workaround is to add custom CSS in your own theme or a in a custom module, to target '.label-inline'.

Comments

shaisamuel’s picture

shaisamuel commented

#1184868: Inline labels don't work with IE

jyve’s picture

jyve commented
Status: Active » Postponed

If you want to see the labels inline, you will have to add this rule to your theme css:

.label-inline {
  float: left;
}

The plan is to get this inline with the Field module, but we will do this on another major upgrade since we don't want to break current theming for people.

swentel’s picture

swentel commented
Version: 7.x-1.x-dev » 7.x-2.x-dev
Assigned: Unassigned » jyve
swentel’s picture

swentel commented
Status: Postponed » Closed (won't fix)

We're going to leave this as is for now. As said by jyve, just add this to your theme.

thoughtcat’s picture

thoughtcat commented

The css fix mentioned above does put the field label and value inline, but there's no space between the two, so now my field labels and values are running together. Can this also be fixed with css?

thoughtcat’s picture

thoughtcat commented

OK fixed with:

.label-inline {
  float: left;
  margin-right: 5px;
}
thoughtcat’s picture

thoughtcat commented
Issue summary: View changes

Fixed typo

donquixote’s picture

donquixote commented
Title: "Inline" labels display above when "full reset" Field Template - with all browser (Firefox, Chrome & Safari) » "Inline" labels display above when "full reset" or "minimal" Field Template
Issue summary: View changes

This deserves some more explanation in the issue summary.
I blindly trusted ds when replicating this behavior in renderkit.. should have been more skeptical :)