Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Hi,
I'm using the Fivestar module with CCK, and I'm trying to set the "Display" mode to be Inline for the "Label", and this does not seem to work. Meaning, I get the label on one line, and the five stars on the next. I haven't looked at the code yet, figured I'd ask here first before I try to "fix" it.
Comments
Comment #1
quicksketchThis is because Fivestar needs to be displayed a "block" element, because all the stars must have a height and width value (which does not work when displaying "inline"). Currently, this means that you need to add CSS to your theme that floats the CCK label to the left when you want to display the Fivestar widget inline.
Comment #2
quicksketchThere's no way Fivestar can fix this problem that I'm aware of. CSS needs to be added by the theme to make the label display inline.
Comment #3
JohnnyBeGood-dupe2 CreditAttribution: JohnnyBeGood-dupe2 commentedquicksketch,
Could you, please, tell us where should we add the CCS to make the label displayed inline?
Firebug shows the CSS has already the "display: inline" element in the "field-label-inline-first" class.
Many many thanks.
Comment #4
vijai kumar CreditAttribution: vijai kumar commentedthe same problem guys any one help??
Comment #5
zualas CreditAttribution: zualas commentedThis is how I tried to do that:
Tested in Chrome and IE7, works OK.
What I was trying to achieve is that the label floats to the left and the start float to the right, so that the stars are in one straight column on the right. In order to do that, I enabled the float:right for class fivestar-widget. Unfortunately this breaks everything in IE7, can't click on the stars properly. Has anyone tried this?