Hi Georgi,

Yes that is the sample. Herewith code. This code also has an upload control on it. The only thing I did try was moving the styles eg "selected0" to the style.css but this did not change anything if I left it in the page or moved it. Am I correct in saying I only need to reference Infragistics.Web.Mvc

I copied the entire SamplesCommon folder into the root of my project.

 @using Infragistics.Web.Mvc;

　

 

 

<link type="text/css" href="@Url.Content("~/SamplesCommon/jQuery/Rating/Common/style.css")" rel="stylesheet" />

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<!--#BEGIN SNIPPET#-->

 

 

 

<script type="text/javascript" src="@Url.Content("~/SamplesCommon/jQuery/Common/js/infragistics.loader.js")"></script

>

 

　

　

@(Html.Infragistics()

.Loader()

.ScriptPath(Url.Content(

 

 

"~/SamplesCommon/jQuery/Common/js/"

))

.CssPath(Url.Content(

 

 

"~/SamplesCommon/jQuery/Common/css/"

))

.Theme(

 

 

""

)

.Render()

)

 

 

 

<script type="text/javascript" language

="javascript">

$.ig.loader(

 

 

function

() {

$(

 

 

"#igUpload1"

).bind({

iguploadonerror:

 

 

function

(e, args) {

$(

 

 

"#error-message").html(args.errorMessage).stop(true, true

).fadeIn(500).delay(3000).fadeOut(500);

}

});

});

 

 

 

</script

>

　

 

 

 

 

<script type="text/javascript" language

="javascript">

$.ig.loader(

 

 

function

() {

 

 

 

var

cssSnail, cssCheetah, cssRocket;

cssSnail = [

[

 

 

"selected0", "selected0", "selected0"

],

[

 

 

"normal1", "normal1", "normal1"

],

[

 

 

"normal2", "normal2", "normal2"

]

];

cssCheetah = [

[

 

 

"normal0", "normal0", "normal0"

],

[

 

 

"selected1", "selected1", "selected1"

],

[

 

 

"normal2", "normal2", "normal2"

]

];

cssRocket = [

[

 

 

"normal0", "normal0", "normal0"

],

[

 

 

"normal1", "normal1", "normal1"

],

[

 

 

"selected2", "selected2", "selected2"

]

];

$(

 

 

"#igRating2"

).live({

igratingvaluechange:

 

 

function

(evt, ui) {

 

 

 

var

style;

 

 

 

switch

(parseInt(ui.value, 10)) {

 

 

 

case 1: style = cssSnail; break

;

 

 

 

case 2: style = cssCheetah; break

;

 

 

 

case 3: style = cssRocket; break

;

}

$(

 

 

this).igRating("option", "cssVotes"

, style);

}

});

});

 

 

 

</script

>

 

 

 

 

<div class

="sampleContents">

 

 

 

<div class

="sample-container">

 

 

 

<p>asdf</p

>

 

 

 

<!--#BEGIN SNIPPET#-->

@(

Html.Infragistics().Rating()

.ID(

 

 

"igRating1"

)

.VoteCount(3)

.Value(0)

.ValueAsPercent(

 

 

false

)

.Precision(

 

 

RatingPrecision

.Whole)

.VoteItemWidth(64)

.VoteItemHeight(38)

.CssVotes(c =>

{

c.AddVoteCSS().ItemIndex(0).EmptyCss(

 

 

"normal0").SelectedCss("selected0").HoverCss("hovered0"

);

c.AddVoteCSS().ItemIndex(1).EmptyCss(

 

 

"normal1").SelectedCss("selected1").HoverCss("hovered1"

);

c.AddVoteCSS().ItemIndex(2).EmptyCss(

 

 

"normal2").SelectedCss("selected2").HoverCss("hovered2"

);

 

 

})

.Render()

)

 

 

 

<!--#END SNIPPET#-->

 

 

 

</div>

 

 

 

<div class

="sample-container">

 

 

 

<p>asdfasdf</p

>

 

 

 

<!--#BEGIN SNIPPET#-->

@(

Html.Infragistics().Rating()

.ID(

 

 

"igRating2"

)

.VoteCount(3)

.Value(0)

.ValueAsPercent(

 

 

false

)

.Precision(

 

 

RatingPrecision

.Whole)

.VoteItemWidth(64)

.VoteItemHeight(38)

.CssVotes(c =>

{

c.AddVoteCSS().ItemIndex(0).EmptyCss(

 

 

"selected0").SelectedCss("selected0").HoverCss("selected0"

);

c.AddVoteCSS().ItemIndex(1).EmptyCss(

 

 

"normal1").SelectedCss("normal1").HoverCss("normal1"

);

c.AddVoteCSS().ItemIndex(2).EmptyCss(

 

 

"normal2").SelectedCss("normal2").HoverCss("normal2"

);

})

.Render()

)

 

 

 

<!--#END SNIPPET#-->

 

 

 

</div

>

 

 

 

</div>

 

 

 

<div class

="sampleContents">

 

 

 

<div class

="sample-container">

 

 

 

<p>Upload Files (5 Files Maximum)</p

>

 

 

 

<!--#BEGIN SNIPPET#-->

@(

Html.Infragistics().Upload()

.ID(

 

 

"igUpload1"

)

.Mode(

 

 

UploadMode

.Multiple)

.MaxUploadedFiles(5)

.AllowedExtensions(

 

 

new List<string> { "csv"

})

.MaxSimultaneousFilesUploads(2)

.ProgressUrl(Url.Content(

 

 

"~/IGUploadStatusHandler.ashx"

))

.ControlId(

 

 

"serverID1"

)

.Render()

)

 

 

 

<!--#END SNIPPET#-->

 

 

 

<div id="error-message" style="color: #FF0000; font-weight: bold;"></div

>

 

 

 

</div>

 

 

 

</div>

Hi,

Have it working now. The standard MVC css and themes were causing issues