samsung smart tv - SmartTV: sf-ui-list customize items height -


in 1 of scene have

<div id='menulist'></div> 

then add list this:

$('#mainlisttitles').sflist({     data : [ 'aaa', 'bbbb', 'ccc'] }); 

how can customize colors , height of each list item ?? tried in css this:

#menulist.sf-ui-list {height: 333px; text-align: right; background-color:#ffffff} - works

#menulist.sf-ui-list-item {background-color:#000000} - not working

first of all, "#menulist.sf-ui-list-item" never work, because don't have same element id "menulist" , class "sf-ui-list-item". basic css. correct usage "#menulist .sf-ui-list-item".

on other hand, samsung lousy job it's smarttv sdk. it's bad looks don't want people develop apps it.

according api doc, should indeed style class "sf-ui-list-item", if run project "debug samsung smart tv app using web inspector" can see use class "sf-ui-list-blured".

so, logical step style:

#menulist .sf-ui-list-blured { ... } 

i recommend maybe create own styles , pass them 3 parameters in ".sflist" command (classes: focuscssclass, blurcssclass , selectcssclass stated in api doc).


Comments

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -

node.js - Bad Request - node js ajax post -