I've added a class to the Extra CSS classes field, but that class fails to render on my site. I'm using the Sky theme, but I've also tested with Bartik.

Where in the HTML should that CSS class render? I assume:

<fieldset class="fieldset form-wrapper customClassGoesHere">

Is that not correct?

CommentFileSizeAuthor
#8 Picture 12.png42.63 KBpixelsweatshop

Comments

scottrouse’s picture

scottrouse commented
Title: Exta CSS Classes do not Render in HTML Output » Extra CSS Classes do not Render in HTML Output

Whoops. Fixed my typo in the issue title.

scottrouse’s picture

scottrouse commented

I'm using Adaptive Theme 7.x-1.0 now and the additional CSS classes are rendering in the HTML output. I'm still not seeing them with some other themes, however.

nils.destoop’s picture

nils.destoop commented

Maybe it's caching?
I am using bartik and seven, both show the css classes on my fieldsets.

scottrouse’s picture

scottrouse commented
Status: Active » Closed (cannot reproduce)

Must be...or maybe I was up too late the night before. I'm not seeing the issue now, so I'm gonna close this issue for now. If I can figure out a great bunch of steps to reproduce it, I'll reopen this issue.

Thanks,
Scott

pixelsweatshop’s picture

pixelsweatshop commented

Having the same issue (using Omega base theme) Flushing cache does not fix it. Any other ideas?

pixelsweatshop’s picture

pixelsweatshop commented
Status: Closed (cannot reproduce) » Active
nils.destoop’s picture

nils.destoop commented
Status: Active » Postponed (maintainer needs more info)

Just downloaded latest omega theme. And created a fieldset with following settings:

- Field group settings => collapsible
- extra css classes => myextraClass

The extra class is showing up in my fieldset: <fieldset id="node_article_full_group_fieldset" class="field-group-fieldset group-fieldset collapsible myextraClass form-wrapper collapse-processed">

What settings are you using?

pixelsweatshop’s picture

pixelsweatshop commented
StatusFileSize
new Picture 12.png42.63 KB

Screenshot attached that shows my settings:

screenshot

Here's a link to the site that is not showing the output.

http://www.pctvo.pixelsweatshop1.com/charlie-chiang%E2%80%99s

Stalski’s picture

Stalski commented
Status: Postponed (maintainer needs more info) » Closed (cannot reproduce)

Hmm I tried this as well and everything seems to work in all mentioned themes.
I'll close this issue since it will be something specific to your site and configuration.

If you however could give us steps to reproduce it, you can reopen this issue.

pixelsweatshop’s picture

pixelsweatshop commented
Status: Closed (cannot reproduce) » Closed (works as designed)

I realize now what this issue was. I assumed that if I added my field group on the node add/edit form that it also carried forward to the display. Adding a field group to the display works just peachy. (also very flexible and handy BTW). I have updated the docs, just in case there are others that get lost on this. http://drupal.org/node/1017838

wolf_22’s picture

wolf_22 commented
Version: 7.x-1.0-rc1 » 7.x-1.1

I'm struggling with this now too... Same as others: add my class to the fieldgroup (and even did the same between manage fields and manage display screens). No dice. The output (HTML) is missing the class.

My apologies... I found out what I was misunderstanding about where it was injecting the class... It's working. :.)

hockey2112’s picture

hockey2112 commented

Hello,

I was trying to use this option as a way to apply a specific class to each of my horizontal tabs (the tabs themselves), but the class appears only within the tab's content... not on the tab itself. Is this how it is supposed to work? Any idea on how I can get the class to apply to the tab itself? I have cleared cache, and I have added the new class both on the field settings and on the display settings.

GemVinny’s picture

GemVinny commented
Issue summary: View changes

I also had this issue and soon realised it was Devel Themer stripping the classes. Once I disabled it it was ok. I hope his helps someone else.

Gemma

ressa’s picture

ressa
he/him
commented
Title: Extra CSS Classes do not Render in HTML Output » Alert users that Extra CSS Classes added on Form page do not render in HTML Output
Version: 7.x-1.1 » 4.x-dev
Component: Code » User interface
Category: Bug report » Feature request
Status: Closed (works as designed) » Needs work

It's easy to miss that CSS classes and ID's added on the "Manage form display" page, will only be added to the form, not the display ... Could it be emphasized somehow?

Perhaps a small help text could be added on the "Manage form display" page (/admin/structure/types/manage/article/form-display) under the "ID" and "Extra CSS classes" input fields?

ID
[ ]
Note: This ID will only be added to the form page, not display.

Extra CSS classes
[ ]
Note: This class will only be added to the form page, not display.

The "Manage display" page may not need help text?