Hi,

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

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>