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

quicksketch’s picture

quicksketch
he/him
commented

This 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.

quicksketch’s picture

quicksketch
he/him
commented
Priority: Normal » Minor
Status: Active » Closed (won't fix)

There'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.

JohnnyBeGood-dupe2’s picture

JohnnyBeGood-dupe2 commented

quicksketch,

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.

vijai kumar’s picture

vijai kumar commented

the same problem guys any one help??

zualas’s picture

zualas commented

This is how I tried to do that:

.fivestar-form-item
{
	display:inline;
	clear:both;
}
.fivestar-form-item label
{
	float:left;
	clear:left;

}
.fivestar-widget
{
	/*float:right;*/
	clear:right;

}

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?