Problem in Binding Style in Template

[Rahul]

I am Binding ' style ' to div which is in body

 

 

<div data-bind="style: { backgroundColor: selectedBackground }" style="height: 20px;"></div>

 

this works fine ,

 

 

But when I am define that div in template

 

 

<div class="container_1"  data-bind="style: { backgroundColor: selectedBackground }" >

....

...

..

</div>

 

it doesnt bind the div according to selectedBackground property...

 

 

Please Help Me Sir ...

[Iliana Dyankova]

Hi Rahul,

I tried to reproduce your scenario but everything works as expected. For convenience I attached my test project - could you please check it and let me know if I missed something?


Regards,
Iliana Nikolova
the Telerik team

[Brad Sumner]

I think I have the same question with regards to binding a background image.  Colors are fine but the image requires more than just the path to the file, it needs to be wrapped in url().

If selectedPhoto is just the path to the file "/image/somefile.jpg" then it doesn't work.  If selectedFile is "url('/image/somefile.jpg')" then it works.  Is there a way to add in url() around the value without having to included it in the model property?

data-bind="style: { backgroundImage:  selectedPhoto  }"

Thanks,
Brad