I have created a new content type and added a few extra fields. I created a test node and the display is funky. I tried to edit the page, but it is just using the node content widget. How do we adjust this?

image

CommentFileSizeAuthor
node_content_display.jpg71.43 KBAnonymous (not verified)
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

japerry’s picture

Priority: Major » Normal
Status: Active » Postponed (maintainer needs more info)

Hello,

I've attempted replicating your issue, but am not seeing any issues. What is the 'Type of MAP' and 'Human resources update' text related to?

When creating a new CT, with a link field this is what I get (as expected):
https://www.evernote.com/shard/s12/sh/b7a54961-9eb1-40b9-928b-6865fe481d...

rosemeria’s picture

Hello Jakob and Rob,
The problem is if you want to have the label and field contents inline.
They don't match up because there is a margin-top of .83em from h2 tag, and label and field are different font sizes. Changes in the css can fix issue.

.field-label-inline .field-label, .field-label-inline .field-items {
float: left;
margin:0; //add this line
font-size: 16px; //add this line
line-height: 26px; //add this line
}

Anonymous’s picture

Wow, japerry, your's looks just right. I'll try not using inline and see what happens.

Anonymous’s picture

rosemeria,
You are absolutely correct. I changed them to above and it displayed much better. I'll try your suggestion, too.

japerry’s picture

Status: Postponed (maintainer needs more info) » Fixed

great, thanks for the input! Marking as fixed

Zarabadoo’s picture

Title: How to Change the Display of Node Content in http://ictintranetdev/groups/ » New inline fields not displaying properly
Category: support » bug
Status: Fixed » Active
Issue tags: +Commons theme wishlist

I think this requires more looking into as the inline fields should work out of box for those that want to use them.

Anonymous’s picture

rosemeria,
Which css file needs to be edited for this? Or, should I create a new file?

rosemeria’s picture

I agree with Zarabadoo (#6) - the commons origins theme should work for inline fields.

Rob (#7) - until the Origins development team fixes inline fields... just hack the global.styles.css file and place this at the bottom. Warning this is just a temporary hack to the theme for development purposes!

.field-label-inline .field-label, .field-label-inline .field-items {
float: left;
margin:0;
font-size: 16px;
line-height: 26px;
}

Anonymous’s picture

Thank you, rosemeria! That did the trick. I appreciate your help and VERY fast response.

Zarabadoo’s picture

With the following commit, there will be better default styling for inline fields. I also have to give some love back to some existing fields due to the changes.

http://drupalcode.org/project/commons_origins.git/commit/2cad264

Zarabadoo’s picture

Status: Active » Fixed

Update status.

Automatically closed -- issue fixed for 2 weeks with no activity.