<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Funcoder Technology Blog &#187; WebDev</title>
	<atom:link href="http://www.funcoder.com/category/webdev/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.funcoder.com</link>
	<description>Life and times of a Geek Blogger, WinDev, .NET and Rails Developer</description>
	<lastBuildDate>Fri, 20 May 2011 08:11:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>How to Show Confirm Dialog in a WebDev Looper with AWP</title>
		<link>http://www.funcoder.com/2011/03/23/how-to-show-confirm-dialog-in-a-webdev-looper-with-awp/</link>
		<comments>http://www.funcoder.com/2011/03/23/how-to-show-confirm-dialog-in-a-webdev-looper-with-awp/#comments</comments>
		<pubDate>Wed, 23 Mar 2011 11:40:20 +0000</pubDate>
		<dc:creator>Jonathan</dc:creator>
				<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://www.funcoder.com/2011/03/23/how-to-show-confirm-dialog-in-a-webdev-looper-with-awp/</guid>
		<description><![CDATA[I recently had a situation where I had a looper displaying images, each having a delete button. This delete button would actually delete the image file from the server, so I needed a way to confirm the action. In AWP you can’t use the YesNo or Confirm functions in the server code but actually is [...]]]></description>
			<content:encoded><![CDATA[<p><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://www.funcoder.com/wp-content/uploads/2011/03/image4.png" width="488" height="210" /></p>
<p>I recently had a situation where I had a looper displaying images, each having a delete button. This delete button would actually delete the image file from the server, so I needed a way to confirm the action. In AWP you can’t use the YesNo or Confirm functions in the server code but actually is very easy performing this in the browser code.</p>
<p><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://www.funcoder.com/wp-content/uploads/2011/03/image5.png" width="487" height="85" /></p>
<p>The important bit of code is the RETURN when the user selects No on the dialog. This RETURN will cause the browser not to execute the server code.</p>
<p>This is very handy to remember as there are many times when its good practice to get user conformation.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.funcoder.com/2011/03/23/how-to-show-confirm-dialog-in-a-webdev-looper-with-awp/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WebDev &#8211; Creating Opaque backgrounds without affecting Text</title>
		<link>http://www.funcoder.com/2011/03/22/webdev-creating-opaque-backgrounds-without-affecting-text/</link>
		<comments>http://www.funcoder.com/2011/03/22/webdev-creating-opaque-backgrounds-without-affecting-text/#comments</comments>
		<pubDate>Tue, 22 Mar 2011 13:06:35 +0000</pubDate>
		<dc:creator>Jonathan</dc:creator>
				<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://www.funcoder.com/2011/03/22/webdev-creating-opaque-backgrounds-without-affecting-text/</guid>
		<description><![CDATA[In WebDev if you create a cell and set its background and opacity then the elements within the cell will also appear with the same opacity. This is not great when you want to show text with say a crisp white colour. So how do you produce the effect without affecting the text? Firstly you [...]]]></description>
			<content:encoded><![CDATA[<p>In WebDev if you create a cell and set its background and opacity then the elements within the cell will also appear with the same opacity.</p>
<p>This is not great when you want to show text with say a crisp white colour. So how do you produce the effect without affecting the text?</p>
<p>Firstly you need to add an image control, set its Type to Generated.</p>
<p><a href="http://www.funcoder.com/wp-content/uploads/2011/03/image.png"><img style="background-image: none; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-top: 0px; border-width: 0px;" title="image" src="http://www.funcoder.com/wp-content/uploads/2011/03/image_thumb.png" border="0" alt="image" width="470" height="291" /></a></p>
<p>Also make sure that you select “The control can be overlaid” on the image and then add a cell over the text. I usually set a background colour to the image to help me work with it in design.</p>
<p>Add a text control to the cell and set some text. Note that the Cell control also needs to be set as “The control can be overlaid”.</p>
<p><a href="http://www.funcoder.com/wp-content/uploads/2011/03/image1.png"><img style="background-image: none; padding-left: 0px; padding-right: 0px; display: inline; padding-top: 0px; border: 0px;" title="image" src="http://www.funcoder.com/wp-content/uploads/2011/03/image_thumb1.png" border="0" alt="image" width="476" height="403" /></a></p>
<p>Even though you set the background of the image you still need to generate a new background with the opacity. Its easy and only requires a few lines of code.</p>
<p><a href="http://www.funcoder.com/wp-content/uploads/2011/03/image2.png"><img style="background-image: none; padding-left: 0px; padding-right: 0px; display: inline; padding-top: 0px; border: 0px;" title="image" src="http://www.funcoder.com/wp-content/uploads/2011/03/image_thumb2.png" border="0" alt="image" width="311" height="108" /></a></p>
<p>Note that you have to make sure the shape of the background is set to Solid Background for this to work.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.funcoder.com/2011/03/22/webdev-creating-opaque-backgrounds-without-affecting-text/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

