Solved

Green html tick in report page

Posted on 2010-08-26
13
645 Views
Last Modified: 2012-05-10
Hi,

I'm writing a web application in asp.net using visual basic and I'm creating my reports using an html page.

So when a test passes I want the value followed by a green tick symbol.

Can someone show me some html code tags that I can insert to get a green tick on the screen?

Thanks.
0
Comment
Question by:MOSSPOINT
  • 6
  • 3
  • 2
  • +1
13 Comments
 
LVL 40

Expert Comment

by:gurvinder372
ID: 33534285
green tick has to be an image, which you can insert conditionally using javascript.
0
 
LVL 29

Expert Comment

by:Badotz
ID: 33534358
>>green tick has to be an image

Or perhaps one of the Webdings chars? Or a Unicode char?
0
 
LVL 18

Expert Comment

by:Rajar Ahmed
ID: 33534407
there are many ways to do this .
Wat u ve to do is , u need to create image tag and assign the path  of tick image .



<form name="tes1" action="" method="post">
<input type="text" name="test" />
<input type="submit" value="test" name="sub"/>
</form>


<%
If Request.Form.count <> 0 then 

Response.Write("<img src=""images/tick.jpg""")
%>

<%  
end if
%>

Open in new window

tick.jpg
0
Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

 
LVL 40

Expert Comment

by:gurvinder372
ID: 33534453
hmm...may be you are right

try using this special symbol
[ v ] square root [name: &radic;] [number: &#8730;]

and give font color as green

something like

<div style='color:green'>
   &radic;
</div>
0
 

Author Comment

by:MOSSPOINT
ID: 33534742
Is there a chr(??) I can use instead of an image? If so what's the exact html tags to do that and can someone give me a code example? e.g.

"<font face=""ariel"" color=""green"">Test Pass " & chr(??)</font>
0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 33534775
yes, this should do
"<font face=""ariel"" color=""green"">Test Pass  &radic;</font>
0
 
LVL 18

Expert Comment

by:Rajar Ahmed
ID: 33534796
this will display tick image . as i told der r many ways ...!

Response.Write("<img src=""images/tick.jpg""")

0
 
LVL 29

Expert Comment

by:Badotz
ID: 33534816
For a deep green chackmark, you can use:

<span id="span_check" style="color:$009900;">&#x2713;</span>
0
 
LVL 29

Accepted Solution

by:
Badotz earned 500 total points
ID: 33534827
I meant, of course:

<span id="span_check" style="color:#009900;">&#x2713;</span>
0
 
LVL 29

Expert Comment

by:Badotz
ID: 33534870
0
 
LVL 29

Expert Comment

by:Badotz
ID: 33535239
Thanks to

http://htmlpurifier.org/docs/enduser-utf8.html

for this CSS hack that makes IE behave:


<style type="text/css">
.Unicode {
	font-family: Code2000, "TITUS Cyberbit Basic", "Doulos SIL",
		"Chrysanthi Unicode", "Bitstream Cyberbit",
		"Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
		"Lucida Grande", "Arial Unicode MS", "Microsoft Sans Serif",
		"Lucida Sans Unicode";
	font-family /**/:inherit; /* resets fonts for everyone but IE6 */
}
</style>

Open in new window

0
 

Author Closing Comment

by:MOSSPOINT
ID: 33540502
Works ok, thanks.
0
 
LVL 29

Expert Comment

by:Badotz
ID: 33543655
No worries, glad to help.
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Find out what you should include to make the best professional email signature for your organization.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

825 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question