change the color of fields and display images(up,down)

[hungn]

hi all
in the example demo(Microsoft ASP.NET AJAX Integration) i have to make what for the color of the fields change when the value fields change and add images(up,down).(the example demo HTML is good ).
thanks.

[Mone]

Hi, there are many things you could do to customize your application.

In example starting from the ASP.NET AJAX demo you could add cell highlighting simply appending to the formatOT method these lines:
<br /> itemUpdate.setHotTime(600);<br /> itemUpdate.setRowAttribute("red","","backgroundCol or");<br />

Please check the demo sources for others examples of customization and get back if you have any doubt.

[hungn]

thanks Mone.
i can change the color fo fields as the example demo, but i dont know to add images(Up,Down) in to field when the value another field change.
as sources demo(HTML) :<span source="lightstreamer" table="1" item="'+i+'" field="16"><img src="images/spacer_4px.gif" width="20" height="8" border="0"></span>
i tried to make in ReorderList of the example demo asp.Net Ajax but it had error?
how do i format the field image?

[Mone]

What you've done is to add a cell to your table, but any cell you add should have a correspondant field.

field="16"
In the case of the HTML demo the field number 16 is a field added in a callback and contains the html of the img (eg: <img src="arrow.gif" />).

if (updateInfo.isValueChanged(3)) {<br /> var val = updateInfo.getNewValue(3);<br /> if (val.indexOf("-") > -1) {<br /> updateInfo.addField(16,imgDown);<br /> } else {<br /> updateInfo.addField(16,imgUp);<br /> }<br /> }


item="'+i+'"
Moreover in that demo the html of the cells is made with a for statement so the i is used to set at any cycle a different item number. The ASP.NET demo does not have such logic.



I advice you to read the "Web Client Dev.pdf" and "Web Client Tutorial.pdf" files located in the distribution under LS_HOME/DOCS-SDKs/sdk_client_web/doc/ and this post: http://www.lightstreamer.com/vb/showthread.php?t=49

Hope that helps.

[hungn]

thanks Mone.
I could add images(up,down). because i dont remember some of the code lines :
lsTable.setPushedHtmlEnabled(true) so images didnt appear(url is false).
thanks you for detail info.

[widiot]

I dont understand the code fully.

For the images to work properly, does the field need to be pushed from the server?

[Mone]

no, it is not necessary that the image field is pushed by the server:

all you need to do is to prepare a cell for your extra field (ie a cell with a field name/index that differs from fields sent by the server; note the # in the name of the field, it can be useful if you create you table "fetching" the schema from the html fields, see table constructors for details, eg OverwriteTable)

<span source="lightstreamer" table="yourTable" item="yourItem" field="#image">-</span>

set your table to push html values through the setPushedHtmlEnabled method (please read carefully the documentation of such method)

yourTable.setPushedHtmlEnabled(true);

and finally put the html for your image in the table

yourTable.onItemUpdate = function(pos,obj,name) {<br /> //some code<br /> obj.addField("#image","<img src='yourimage.gif' />");<br /> //more code<br /> }<br />

this is just a basic example, you could obviously use other approaches to show your image

[Billy123]

Being a student of Computer Sciences, this forum has been really helpful for me. Let's see what i'll get. Keep up the good work.

[Alessandro]

Thanks Billy!

Cheers,

Alessandro