<?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>Ivan Porto Carrero &#187; Atlas</title>
	<atom:link href="http://flanders.co.nz/category/atlas/feed/" rel="self" type="application/rss+xml" />
	<link>http://flanders.co.nz</link>
	<description>thoughts.each { &#38;:propagandise }</description>
	<lastBuildDate>Sat, 03 Sep 2011 09:56:12 +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>Boo, Ironpython, Scriptaculous, MS Ajax and me</title>
		<link>http://flanders.co.nz/2006/11/07/boo-ironpython-scriptaculous-ms-ajax-and-me/</link>
		<comments>http://flanders.co.nz/2006/11/07/boo-ironpython-scriptaculous-ms-ajax-and-me/#comments</comments>
		<pubDate>Tue, 07 Nov 2006 07:16:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[.NET 2.0]]></category>
		<category><![CDATA[.NET 3.0]]></category>
		<category><![CDATA[Atlas]]></category>

		<guid isPermaLink="false">http://blog.koolkraft.net/2006/11/07/boo-ironpython-scriptaculous-ms-ajax-and-me/</guid>
		<description><![CDATA[<a href="http://flanders.co.nz/2006/11/07/boo-ironpython-scriptaculous-ms-ajax-and-me/" title="Boo, Ironpython, Scriptaculous, MS Ajax and me"></a>Over the weekend I got the idea of learning ironpython by moving the codebase that I have for nblogr to ironpython script and compiling it. Everything went fine until I had to decorate a method to make it cache/participate in a &#8230;<p class="read-more"><a href="http://flanders.co.nz/2006/11/07/boo-ironpython-scriptaculous-ms-ajax-and-me/">Read more &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<a href="http://flanders.co.nz/2006/11/07/boo-ironpython-scriptaculous-ms-ajax-and-me/" title="Boo, Ironpython, Scriptaculous, MS Ajax and me"></a><p>Over the weekend I got the idea of learning ironpython by moving the codebase that I have for nblogr to <a href="http://www.codeplex.com/Wiki/View.aspx?ProjectName=IronPython">ironpython</a> script and compiling it.</p>
<p>Everything went fine until I had to decorate a method to make it cache/participate in a transaction/set a layout on a controller because ironpython in all its beauty doesn&#8217;t support attributes on methods or classes.</p>
<p>I&#8217;m also missing a reference for <a href="http://www.codeplex.com/Wiki/View.aspx?ProjectName=IronPython">ironpython</a>. Something that shows the available functions and the syntax for inheritance etc.  which slowed me down of course.</p>
<p>Why do I want a dynamic language ?</p>
<p>The 2 main reasons are : <a href="http://en.wikipedia.org/wiki/Duck_typing">Duck typing</a> and readable <a href="http://en.wikipedia.org/wiki/Anonymous_closure">anonymous functions</a>.  In c# there is the concept of anonymous delegates but that code really looks like it has been hit by a train, ugly.</p>
<p>I&#8217;ve been writing in <a href="http://boo.codehaus.org/">boo</a> for a while now just as a templating language and yes I like <a href="http://boo.codehaus.org/">boo</a> a lot.  It combines the nice features of python with the c# language in a wrist friendly way. (I never got the point of wrist friendly thing until I got <a title="" href="http://www.ninds.nih.gov/disorders/carpal_tunnel/detail_carpal_tunnel.htm#69013049">carpal tunnel syndrome</a>, now it suddenly is a major issue)</p>
<p>I sure wish there would be a language service for visual studio to do boo development but I&#8217;ve been using sharp develop 2.1 to check it out.</p>
<p><a title="" href="http://www.sharpdevelop.com/">SharpDevelop 2.1</a> is a nice piece of work definitely for an open source IDE&#8217;, it beats eclipse in my book</p>
<p>In boo everything is an object also your functions and expressions (read it has anonymous functions).  Boo is strong typed but mimics duck typing in some form.</p>
<p>To conclude this little intermezzo : my next project will be written in boo <img src='http://flanders.co.nz/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>On the ajax library front I would have to report that I haven &#8216;t looked at atlas/ms ajax since the beginning of september . I had decided to use it again when they finally release the framework.  So I&#8217;ve been checking out these other libraries that are out there.  I checked out <a href="http://jquery.com">jquery</a> which is a cool library but it is also slower in execution than the other ones.</p>
<p>The next one on the list was <a href="http://script.aculo.us">scriptaculous</a> and that is the one I&#8217;ve been using in my projects now.  Scriptaculous does exactly what is expected and uses the javascript prototype model which happens to be one i like <img src='http://flanders.co.nz/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  </p>
<p>The move from the guys at MS to make their ajax extensions based on prototype was surprising but very positive in my book <img src='http://flanders.co.nz/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  So when they release it i&#8217;ll look at creating an javascript provider for nblogr so that you would be able to switch between your favourite library (we have plans to support the major libraries out of the  box.)  </p>
</p>
<div class="wlWriterSmartContent" id="0767317B-992E-4b12-91E0-4F059A8CECA8:b005882d-9aaf-4eae-8f9d-ee068250753e" contenteditable="false" style="padding-right: 0px; display: inline; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px">del.icio.us tags: <a href="http://del.icio.us/popular/Boo" rel="tag">Boo</a>, <a href="http://del.icio.us/popular/IronPython" rel="tag">IronPython</a>, <a href="http://del.icio.us/popular/Programming" rel="tag">Programming</a>, <a href="http://del.icio.us/popular/General" rel="tag">General</a></div>
]]></content:encoded>
			<wfw:commentRss>http://flanders.co.nz/2006/11/07/boo-ironpython-scriptaculous-ms-ajax-and-me/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Preview release of NBlogr</title>
		<link>http://flanders.co.nz/2006/09/02/preview-release-of-nblogr/</link>
		<comments>http://flanders.co.nz/2006/09/02/preview-release-of-nblogr/#comments</comments>
		<pubDate>Sat, 02 Sep 2006 23:30:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Atlas]]></category>
		<category><![CDATA[NBlogr]]></category>

		<guid isPermaLink="false">http://blog.koolkraft.net/2006/09/02/preview-release-of-nblogr/</guid>
		<description><![CDATA[<a href="http://flanders.co.nz/2006/09/02/preview-release-of-nblogr/" title="Preview release of NBlogr"></a>Today I put a preview release of NBlogr online. I still have to change the online site but will do so very shortly. This release has very basic functionality and is not yet feature complete so a lot may change &#8230;<p class="read-more"><a href="http://flanders.co.nz/2006/09/02/preview-release-of-nblogr/">Read more &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<a href="http://flanders.co.nz/2006/09/02/preview-release-of-nblogr/" title="Preview release of NBlogr"></a><p>Today I put a preview release of NBlogr online.</p>
<p>I still have to change the online site but will do so very shortly.</p>
<p>This release has very basic functionality and is not yet feature complete so a lot may change later on.</p>
<p>If anybody feels like joining the project do not hesitate <img src='http://flanders.co.nz/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  All help I get is extremely welcome. </p>
<p>
				<a href="http://www.codeplex.com/Release/ProjectReleases.aspx?ProjectName=Nblogr">http://www.codeplex.com/Release/ProjectReleases.aspx?ProjectName=Nblogr</a>
		</p>
<p>I&#8217;m heading into a very busy week/couple of weeks so I&#8217;m not sure if I will be able to spend as much time as I&#8217;ve been spending lately on the project.  But I think every week I will be able to show some progress at least.</p>
<p>If you feel like it go ahead and give it a try but don&#8217;t upgrade your blog just yet <img src='http://flanders.co.nz/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
<p>I&#8217;d be keen to know what your thoughts are on the subject.</p>
]]></content:encoded>
			<wfw:commentRss>http://flanders.co.nz/2006/09/02/preview-release-of-nblogr/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>FileUploading for NBlogr</title>
		<link>http://flanders.co.nz/2006/09/01/fileuploading-for-nblogr/</link>
		<comments>http://flanders.co.nz/2006/09/01/fileuploading-for-nblogr/#comments</comments>
		<pubDate>Fri, 01 Sep 2006 09:13:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[.NET 2.0]]></category>
		<category><![CDATA[Atlas]]></category>
		<category><![CDATA[NBlogr]]></category>

		<guid isPermaLink="false">http://blog.koolkraft.net/2006/09/01/fileuploading-for-nblogr/</guid>
		<description><![CDATA[<a href="http://flanders.co.nz/2006/09/01/fileuploading-for-nblogr/" title="FileUploading for NBlogr"></a>To upload files in nblogr. I wanted the user to have the possibility to upload as many files as they wanted but only show one file element. The upload procedure has to work without reloading the page entirely but there &#8230;<p class="read-more"><a href="http://flanders.co.nz/2006/09/01/fileuploading-for-nblogr/">Read more &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<a href="http://flanders.co.nz/2006/09/01/fileuploading-for-nblogr/" title="FileUploading for NBlogr"></a></p>
<p>To upload files in nblogr. I wanted the user to have the possibility to upload as many files as they wanted but only show one file element. </p>
<p>The upload procedure has to work without reloading the page entirely but there is no way of getting the size or the bytes of a file through the html input file control from clientscript without popping up a security warning.<br />And what do I personally think about security warnings : they are a necessary evil but limit you a lot in the development of contemporary sites with rich client interaction.<br />If I am to present a site to my parents and they have to figure stuff out themselves I&#8217;m pretty sure that once the read the words : Security warning, Potential risk etc&#8230; they will click no ==> site doesn&#8217;t work ==> site == crap </p>
<p>I wanted to include an upload with progress bar but decided to let that idea go and just give an implementation of a multiple file upload with a single inputelement. Maybe I will put this in during the next iteration. That way I can probably release a ctp this weekend and start thinking about a plugin architecture (thanks for the idea <a href="http://blog.bluecog.co.nz/">JD</a>) </p>
<p>Because of the file issues i have to run it in an iframe :-s and have the page and the frame talk to eachother.</p>
]]></content:encoded>
			<wfw:commentRss>http://flanders.co.nz/2006/09/01/fileuploading-for-nblogr/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Aptana for writing atlas script</title>
		<link>http://flanders.co.nz/2006/08/24/aptana-for-writing-atlas-script/</link>
		<comments>http://flanders.co.nz/2006/08/24/aptana-for-writing-atlas-script/#comments</comments>
		<pubDate>Thu, 24 Aug 2006 08:25:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[.NET 2.0]]></category>
		<category><![CDATA[Atlas]]></category>

		<guid isPermaLink="false">http://blog.koolkraft.net/2006/08/24/aptana-for-writing-atlas-script/</guid>
		<description><![CDATA[<a href="http://flanders.co.nz/2006/08/24/aptana-for-writing-atlas-script/" title="Aptana for writing atlas script"></a>I write quite a lot of javascript code these days and have been looking for a couple of months for ways to make my life easier. Easier would mean in my opinion to get some kind of intellisense or autocomplete &#8230;<p class="read-more"><a href="http://flanders.co.nz/2006/08/24/aptana-for-writing-atlas-script/">Read more &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<a href="http://flanders.co.nz/2006/08/24/aptana-for-writing-atlas-script/" title="Aptana for writing atlas script"></a><p>I write quite a lot of javascript code these days and have been looking for a couple of months for ways to make my life easier.</p>
<p>Easier would mean in my opinion to get some kind of intellisense or autocomplete while writing javascript.</p>
<p>As it turns out in visual studio orcas these features will be available so I&#8217;ll be a very happy vs orcas user i guess <img src='http://flanders.co.nz/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .  But in the meantime there is a free eclipse based IDE around aptana that let&#8217;s you take advantage of autocomplete etc.</p>
<p>I added the atlas debug files to the default code profile and I was in business. </p>
]]></content:encoded>
			<wfw:commentRss>http://flanders.co.nz/2006/08/24/aptana-for-writing-atlas-script/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>User group atlas presentations</title>
		<link>http://flanders.co.nz/2006/08/11/user-group-atlas-presentations/</link>
		<comments>http://flanders.co.nz/2006/08/11/user-group-atlas-presentations/#comments</comments>
		<pubDate>Fri, 11 Aug 2006 08:53:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[.NET 2.0]]></category>
		<category><![CDATA[Atlas]]></category>

		<guid isPermaLink="false">http://blog.koolkraft.net/2006/08/11/user-group-atlas-presentations/</guid>
		<description><![CDATA[<a href="http://flanders.co.nz/2006/08/11/user-group-atlas-presentations/" title="User group atlas presentations"></a>This week I went to do a couple of presenations on atlas in the regional user groups here in New Zealand. At first I was really nervous, so I apologise to the people in hamilton for not getting the best &#8230;<p class="read-more"><a href="http://flanders.co.nz/2006/08/11/user-group-atlas-presentations/">Read more &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<a href="http://flanders.co.nz/2006/08/11/user-group-atlas-presentations/" title="User group atlas presentations"></a><p>This week I went to do a couple of presenations on atlas in the regional user groups here in New Zealand.</p>
<p>At first I was really nervous, so I apologise to the people in hamilton for not getting the best presenation I could give you, I even forgot some stuff that would make all the pieces fit together.</p>
<p>But after the first talk I started to get the hang of it, and now I regret that I can&#8217;t do more talks but who knows what the future brings.</p>
<p>It was really interesting to see that there are a lot of really skilled people with a passion for programming in New Zealand.</p>
<p> </p>
<p>So in all I would like to thank everybody for taking the time to come and listen to my ramblings on Atlas.<br />And perhaps we&#8217;ll meet on Teched next week.</p>
<p> </p>
]]></content:encoded>
			<wfw:commentRss>http://flanders.co.nz/2006/08/11/user-group-atlas-presentations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Some choices made regarding NBlogr</title>
		<link>http://flanders.co.nz/2006/07/23/some-choices-made-regarding-nblogr/</link>
		<comments>http://flanders.co.nz/2006/07/23/some-choices-made-regarding-nblogr/#comments</comments>
		<pubDate>Sun, 23 Jul 2006 09:14:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[.NET 2.0]]></category>
		<category><![CDATA[Atlas]]></category>

		<guid isPermaLink="false">http://blog.koolkraft.net/2006/07/23/some-choices-made-regarding-nblogr/</guid>
		<description><![CDATA[<a href="http://flanders.co.nz/2006/07/23/some-choices-made-regarding-nblogr/" title="Some choices made regarding NBlogr"></a>For the development of NBlogr I had to say goodbye to some of my favorite controls. The idea of NBlogr is that it is Open Source so that means I can&#8217;t use anything that is not open source / free in my &#8230;<p class="read-more"><a href="http://flanders.co.nz/2006/07/23/some-choices-made-regarding-nblogr/">Read more &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<a href="http://flanders.co.nz/2006/07/23/some-choices-made-regarding-nblogr/" title="Some choices made regarding NBlogr"></a><p>For the development of <a class="" title="NBlogr homepage. Currently only a test site to check the design on different browsers" href="http://www.flanders.co.nz/Blog/www.nblogr.com" target="">NBlogr</a> I had to say goodbye to some of my favorite controls.</p>
<p>The idea of <a class="" title="NBlogr homepage. Currently only a test site to check the design on different browsers" href="www.nblogr.com" target="">NBlogr</a> is that it is Open Source so that means I can&#8217;t use anything that is not open source / free in my project.  I use component arts excellent menu whenever I see fit except for now.</p>
<p>
				<a href="www.componentart.com">ComponentArt</a> have 2-3 controls in their range that I really like. The other ones aren&#8217;t really usefull in my case.</p>
<p>I&#8217;ve been using the <a href="www.freetextbox.com" target="_blank">freetextbox</a> control for 3,5 years now. But the latest versions aren&#8217;t really good implementations. If I load up my control in a firefox browser and I reload the site by entering in the address bar.. I get 3-5 errors @ pageLoad.  And that just sucks because the rest of the javascript doesn&#8217;t get executed and an atlas page won&#8217;t execute.</p>
<p>So for me it&#8217;s down with the freetextbox control and up with the <a href="http://tinymce.moxiecode.com">tinymce</a> control from moxiecode.<br />That one is the only true cross browser (IE, FF, Safari, Opera) richt text editor I can find </p>
<p>Another benefit : It&#8217;s smaller than the freetextbox and loads way faster.</p>
<p>Captcha isn&#8217;t a good solution for blocking comment spam. I&#8217;ve decided to use <a class="" title="akismet a free comment blacklist" href="http://akismet.com/" target="_blank">akismet </a>as a refferer and comment blacklist service for NBlogr.</p>
<p> </p>
]]></content:encoded>
			<wfw:commentRss>http://flanders.co.nz/2006/07/23/some-choices-made-regarding-nblogr/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Make the freetextbox work inside an atlas updatpanel</title>
		<link>http://flanders.co.nz/2006/07/21/make-the-freetextbox-work-inside-an-atlas-updatpanel/</link>
		<comments>http://flanders.co.nz/2006/07/21/make-the-freetextbox-work-inside-an-atlas-updatpanel/#comments</comments>
		<pubDate>Fri, 21 Jul 2006 00:03:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[.NET 2.0]]></category>
		<category><![CDATA[Atlas]]></category>

		<guid isPermaLink="false">http://blog.koolkraft.net/2006/07/21/make-the-freetextbox-work-inside-an-atlas-updatpanel/</guid>
		<description><![CDATA[<a href="http://flanders.co.nz/2006/07/21/make-the-freetextbox-work-inside-an-atlas-updatpanel/" title="Make the freetextbox work inside an atlas updatpanel"></a>A while ago I blogged about making the freetextbox work inside an updatepanel. I didn&#8217;t put the code at that time because it wasn&#8217;t what it should be. For the NBlogr engine I do need a working version of that &#8230;<p class="read-more"><a href="http://flanders.co.nz/2006/07/21/make-the-freetextbox-work-inside-an-atlas-updatpanel/">Read more &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<a href="http://flanders.co.nz/2006/07/21/make-the-freetextbox-work-inside-an-atlas-updatpanel/" title="Make the freetextbox work inside an atlas updatpanel"></a><p>A while ago I blogged about <a title="Get the freetextbox going in an updatepanel" href="http://www.flanders.co.nz/Blog/2006/05/22/ATLASContinuedGetTheFreetextboxGoing.aspx">making the freetextbox work inside an updatepanel</a>. I didn&#8217;t put the code at that time because it wasn&#8217;t what it should be.</p>
<p>For the NBlogr engine I do need a working version of that control. And it should work on firefox and internet explorer. Now I have it somewhat working.  I thought it would be best to share this, as I&#8217;m sure that there are others that are facing the same problem.</p>
<p>You basically wrap it in an iframe so that it loads it&#8217;s script in a page that does not have an update panel on it.<br />
through javascript you get the value of the entered in the freetextbox and set it in an hiddenfield. and voila you&#8217;re done.</p>
<p>FreeTextBoxWrapper.ascx :</p>
<p><span style="color: #0000ff; font-size: x-small;">&lt;</span></p>
<p><span style="color: #0000ff; font-size: x-small;"> </span><br />
<span style="color: #800000; font-size: x-small;">iframe</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">runat</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;server&#8221;</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">id</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;ifrmTxt&#8221;</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">width</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;600&#8243;</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">height</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;400&#8243;</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">frameborder</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;0&#8243;</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #0000ff; font-size: x-small;">&gt;<!--</font--><br />
<span style="color: #800000; font-size: x-small;">iframe</span><br />
<span style="color: #0000ff; font-size: x-small;">&gt; </span></span></p>
<p><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;">&lt;</span></span></p>
<p><span style="color: #0000ff; font-size: x-small;"><br />
<span style="color: #800000; font-size: x-small;">asp</span><br />
<span style="color: #0000ff; font-size: x-small;">:</span><br />
<span style="color: #800000; font-size: x-small;">HiddenField</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">ID</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;hfFtbValue&#8221;</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">runat</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;server&#8221;</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #0000ff; font-size: x-small;">/&gt;</span></span></p>
<p><span style="color: #0000ff; font-size: x-small;">And the codebehind for the ascx :</span></p>
<p><span style="color: #0000ff; font-size: x-small;"> </span></p>
<div style="FONT-SIZE: 10pt; BACKGROUND: #ffffcc; COLOR: black; FONT-FAMILY: Consolas">
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 12</span> <span style="BACKGROUND: white">[</span><span style="BACKGROUND: white; COLOR: teal">ValidationProperty</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: maroon">"Text"</span><span style="BACKGROUND: white">)]</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 13</span> <span style="BACKGROUND: white; COLOR: blue">public</span><span style="BACKGROUND: white; COLOR: blue">partial</span><span style="BACKGROUND: white; COLOR: blue">class</span><span style="BACKGROUND: white; COLOR: teal">App_Components_FreeTextBoxWrapper</span><span style="BACKGROUND: white"> : </span><span style="BACKGROUND: white; COLOR: navy">System</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Web</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">UI</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: teal">UserControl</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 14</span> <span style="BACKGROUND: white">{</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 15</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">public</span><span style="BACKGROUND: white; COLOR: blue">string</span><span style="BACKGROUND: white; COLOR: navy">Text</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 16</span> <span style="BACKGROUND: white"> {</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 17</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">get</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 18</span> <span style="BACKGROUND: white"> {</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 19</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">return</span><span style="BACKGROUND: white; COLOR: navy">hfFtbValue</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Value</span><span style="BACKGROUND: white">;</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 20</span> <span style="BACKGROUND: white"> }</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 21</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">set</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 22</span> <span style="BACKGROUND: white"> {</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 23</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">hfFtbValue</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Value</span><span style="BACKGROUND: white"> = </span><span style="BACKGROUND: white; COLOR: blue">value</span><span style="BACKGROUND: white">;</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 24</span> <span style="BACKGROUND: white"> }</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 25</span> <span style="BACKGROUND: white"> }</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 26</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">public</span><span style="BACKGROUND: white; COLOR: blue">string</span><span style="BACKGROUND: white; COLOR: navy">Width</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 27</span> <span style="BACKGROUND: white"> {</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 28</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">get</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 29</span> <span style="BACKGROUND: white"> {</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 30</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">return</span><span style="BACKGROUND: white; COLOR: navy">ifrmTxt</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Attributes</span><span style="BACKGROUND: white">[</span><span style="BACKGROUND: white; COLOR: maroon">"width"</span><span style="BACKGROUND: white">];</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 31</span> <span style="BACKGROUND: white"> }</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 32</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">set</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 33</span> <span style="BACKGROUND: white"> {</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 34</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">ifrmTxt</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Attributes</span><span style="BACKGROUND: white">[</span><span style="BACKGROUND: white; COLOR: maroon">"width"</span><span style="BACKGROUND: white">] = </span><span style="BACKGROUND: white; COLOR: blue">value</span><span style="BACKGROUND: white">;</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 35</span> <span style="BACKGROUND: white"> }</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 36</span> <span style="BACKGROUND: white"> }</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 37</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">public</span><span style="BACKGROUND: white; COLOR: blue">string</span><span style="BACKGROUND: white; COLOR: navy">Height</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 38</span> <span style="BACKGROUND: white"> {</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 39</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">get</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 40</span> <span style="BACKGROUND: white"> {</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 41</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">return</span><span style="BACKGROUND: white; COLOR: navy">ifrmTxt</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Attributes</span><span style="BACKGROUND: white">[</span><span style="BACKGROUND: white; COLOR: maroon">"height"</span><span style="BACKGROUND: white">];</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 42</span> <span style="BACKGROUND: white"> }</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 43</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">set</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 44</span> <span style="BACKGROUND: white"> {</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 45</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">ifrmTxt</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Attributes</span><span style="BACKGROUND: white">[</span><span style="BACKGROUND: white; COLOR: maroon">"height"</span><span style="BACKGROUND: white">] = </span><span style="BACKGROUND: white; COLOR: blue">value</span><span style="BACKGROUND: white">;</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 46</span> <span style="BACKGROUND: white"> }</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 47</span> <span style="BACKGROUND: white"> }</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 48</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">protected</span><span style="BACKGROUND: white; COLOR: blue">void</span><span style="BACKGROUND: white; COLOR: navy">Page_Load</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: blue">object</span><span style="BACKGROUND: white; COLOR: navy">sender</span><span style="BACKGROUND: white">, </span><span style="BACKGROUND: white; COLOR: teal">EventArgs</span><span style="BACKGROUND: white; COLOR: navy">e</span><span style="BACKGROUND: white">)</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 49</span> <span style="BACKGROUND: white"> {</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 50</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: green">//load the freetextbox page that has no theme and no masterpage set. The background color is the one I chose to blend in with my design </span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 51</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">ifrmTxt</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Attributes</span><span style="BACKGROUND: white">[</span><span style="BACKGROUND: white; COLOR: maroon">"Src"</span><span style="BACKGROUND: white">] = </span><span style="BACKGROUND: white; COLOR: navy">ResolveUrl</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: blue">string</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Format</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: maroon">&#8220;~/App_Components/FreeTextBox.aspx?hf={0}&amp;w={1}&amp;h={2}&#8221;</span><span style="BACKGROUND: white">, </span><span style="BACKGROUND: white; COLOR: navy">hfFtbValue</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">ClientID</span><span style="BACKGROUND: white">,</span><span style="BACKGROUND: white; COLOR: navy">Width</span><span style="BACKGROUND: white">,</span><span style="BACKGROUND: white; COLOR: navy">Height</span><span style="BACKGROUND: white">));</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 52</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">ifrmTxt</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Attributes</span><span style="BACKGROUND: white">[</span><span style="BACKGROUND: white; COLOR: maroon">"Name"</span><span style="BACKGROUND: white">] = </span><span style="BACKGROUND: white; COLOR: navy">ifrmTxt</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">ClientID</span><span style="BACKGROUND: white">;</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 53</span> </span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 54</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">if</span><span style="BACKGROUND: white"> (!</span><span style="BACKGROUND: white; COLOR: navy">IsPostBack</span><span style="BACKGROUND: white">)</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 55</span> <span style="BACKGROUND: white"> {</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 56</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">Session</span><span style="BACKGROUND: white">[</span><span style="BACKGROUND: white; COLOR: navy">hfFtbValue</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">ClientID</span><span style="BACKGROUND: white">] = </span><span style="BACKGROUND: white; COLOR: navy">hfFtbValue</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Value</span><span style="BACKGROUND: white">;</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 57</span> <span style="BACKGROUND: white"> }</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 58</span> <span style="BACKGROUND: white"> }</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 59</span> </span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 60</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">protected</span><span style="BACKGROUND: white; COLOR: blue">override</span><span style="BACKGROUND: white; COLOR: blue">void</span><span style="BACKGROUND: white; COLOR: navy">OnDataBinding</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: teal">EventArgs</span><span style="BACKGROUND: white; COLOR: navy">e</span><span style="BACKGROUND: white">)</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 61</span> <span style="BACKGROUND: white"> {</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 62</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">base</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">OnDataBinding</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: navy">e</span><span style="BACKGROUND: white">);</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 63</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">Session</span><span style="BACKGROUND: white">[</span><span style="BACKGROUND: white; COLOR: navy">hfFtbValue</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">ClientID</span><span style="BACKGROUND: white">] = </span><span style="BACKGROUND: white; COLOR: navy">hfFtbValue</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Value</span><span style="BACKGROUND: white">;</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 64</span> <span style="BACKGROUND: white"> }</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 65</span> <span style="BACKGROUND: white">}</span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="BACKGROUND: white"><br />
</span> </span></span></p>
</div>
<p><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <!--EndFragment--> </span></span></p>
<p><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> </span></span></p>
<p><span style="color: #0000ff; font-size: x-small;">And the page that contains the freetextbox control : </span></p>
<p><span style="color: #0000ff; font-size: x-small;"> </span></p>
<p><span style="color: #0000ff; font-size: x-small;"><span style="font-size: x-small;">&lt;%</span></span></p>
<p><span style="color: #0000ff; font-size: x-small;"><span style="font-size: x-small;"> </span><br />
<span style="color: #0000ff; font-size: x-small;">@</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #800000; font-size: x-small;">Page</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">Language</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;C#&#8221;</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">AutoEventWireup</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;true&#8221;</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">Theme</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;"</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">CodeFile</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;FreeTextBox.aspx.cs&#8221;</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">Inherits</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;App_Components_FreeTextBox&#8221;</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">ValidateRequest</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;false&#8221;</span><br />
<span style="font-size: x-small;"> %&gt;<br />
</span><br />
<span style="color: #0000ff; font-size: x-small;"><!--</font--><br />
<span style="color: #800000; font-size: x-small;">DOCTYPE</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">html</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">PUBLIC</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #0000ff; font-size: x-small;">&#8220;-//W3C//DTD XHTML 1.0 Transitional//EN&#8221;</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #0000ff; font-size: x-small;">&#8220;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#8221;&gt;<br />
&lt;</span><br />
<span style="color: #800000; font-size: x-small;">html</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">xmlns</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;http://www.w3.org/1999/xhtml&#8221;</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #0000ff; font-size: x-small;">&gt;<br />
&lt;</span><br />
<span style="color: #800000; font-size: x-small;">head</span><br />
<span style="color: #000000; font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">runat</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;server&#8221;&gt;<br />
</span><br />
<span style="color: #0000ff; font-size: x-small;">&lt;</span><br />
<span style="color: #800000; font-size: x-small;">title</span><br />
<span style="color: #0000ff; font-size: x-small;">&gt;</span><br />
<span style="font-size: x-small;">A wrapper for the freetextbox in an atlas:updatepanel</span><br />
<span style="color: #0000ff; font-size: x-small;"><!--</font--><br />
<span style="color: #800000; font-size: x-small;">title</span><br />
<span style="color: #0000ff; font-size: x-small;">&gt;<br />
</span><br />
<span style="color: #0000ff; font-size: x-small;">&lt;</span><br />
<span style="color: #800000; font-size: x-small;">style</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">type</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;text/css&#8221;&gt;<br />
</span><br />
<span style="color: #800000; font-size: x-small;">body</span><br />
<span style="font-size: x-small;"> {<br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">background</span><br />
<span style="font-size: x-small;">: </span><br />
<span style="color: #0000ff; font-size: x-small;">#ffdaa0</span><br />
<span style="font-size: x-small;"> ;<span style="color: #008000;">//Set your color here</span><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">margin</span><br />
<span style="font-size: x-small;">:</span><br />
<span style="color: #0000ff; font-size: x-small;">0</span><br />
<span style="font-size: x-small;">;<br />
}<br />
</span><br />
<span style="color: #0000ff; font-size: x-small;"><!--</font--><br />
<span style="color: #800000; font-size: x-small;">style</span><br />
<span style="color: #0000ff; font-size: x-small;">&gt;<br />
<!--</font--><br />
<span style="color: #800000; font-size: x-small;">head</span><br />
<span style="color: #0000ff; font-size: x-small;">&gt;<br />
&lt;</span><br />
<span style="color: #800000; font-size: x-small;">body</span><br />
<span style="color: #0000ff; font-size: x-small;">&gt;<br />
</span><br />
<span style="color: #0000ff; font-size: x-small;">&lt;</span><br />
<span style="color: #800000; font-size: x-small;">form</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">id</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;form1&#8243;</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">runat</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;server&#8221;&gt;<br />
</span><br />
<span style="color: #0000ff; font-size: x-small;">&lt;</span><br />
<span style="color: #800000; font-size: x-small;">div</span><br />
<span style="color: #0000ff; font-size: x-small;">&gt;<br />
</span><br />
<span style="color: #0000ff; font-size: x-small;">&lt;</span><br />
<span style="color: #800000; font-size: x-small;">FTB</span><br />
<span style="color: #0000ff; font-size: x-small;">:</span><br />
<span style="color: #800000; font-size: x-small;">FreeTextBox</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">ID</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;ftb&#8221;</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">runat</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;server&#8221;</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">SupportFolder</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;~/&#8221;</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">ClientSideTextChanged</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;onFtbClientTextChanged&#8221;&gt;</span><br />
<span style="color: #0000ff; font-size: x-small;"><!--</font--><br />
<span style="color: #800000; font-size: x-small;">FTB</span><br />
<span style="color: #0000ff; font-size: x-small;">:</span><br />
<span style="color: #800000; font-size: x-small;">FreeTextBox</span><br />
<span style="color: #0000ff; font-size: x-small;">&gt;<br />
</span><br />
<span style="color: #0000ff; font-size: x-small;"><!--</font--><br />
<span style="color: #800000; font-size: x-small;">div</span><br />
<span style="color: #0000ff; font-size: x-small;">&gt;</span><br />
</span></span></span></span></span></span></span></p>
<p><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="font-size: x-small;"> </span><br />
<span style="color: #0000ff; font-size: x-small;">&lt;</span><br />
<span style="color: #800000; font-size: x-small;">script</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #ff0000; font-size: x-small;">type</span><br />
<span style="color: #0000ff; font-size: x-small;">=&#8221;text/javascript&#8221;&gt;<br />
</span><br />
<span style="color: #008000; font-size: x-small;">//The lengthy constructor is there so that firefox also knows where to get the text.<br />
</span><br />
<span style="color: #0000ff; font-size: x-small;">function</span><br />
<span style="font-size: x-small;"><br />
</span><br />
<span style="color: #000080; font-size: x-small;">onFtbClientTextChanged</span><br />
<span style="font-size: x-small;">(){<br />
</span><br />
<span style="color: #000080; font-size: x-small;">window</span><br />
<span style="font-size: x-small;">.</span><br />
<span style="color: #000080; font-size: x-small;">parent</span><br />
<span style="font-size: x-small;">.</span><br />
<span style="color: #000080; font-size: x-small;">document</span><br />
<span style="font-size: x-small;">.</span><br />
<span style="color: #000080; font-size: x-small;">getElementById</span><br />
<span style="font-size: x-small;">(</span><br />
<span style="color: #800000; font-size: x-small;">&#8216;&lt;%= MainPageField %&gt;&#8217;</span><br />
<span style="font-size: x-small;">).</span><br />
<span style="color: #000080; font-size: x-small;">value</span><br />
<span style="font-size: x-small;"> = </span><br />
<span style="color: #000080; font-size: x-small;">document</span><br />
<span style="font-size: x-small;">.</span><br />
<span style="color: #000080; font-size: x-small;">getElementById</span><br />
<span style="font-size: x-small;">(</span><br />
<span style="color: #800000; font-size: x-small;">&#8216;&lt;%= ftb.ClientID %&gt;_designEditor&#8217;</span><br />
<span style="font-size: x-small;">).</span><br />
<span style="color: #000080; font-size: x-small;">contentWindow</span><br />
<span style="font-size: x-small;">.</span><br />
<span style="color: #000080; font-size: x-small;">document</span><br />
<span style="font-size: x-small;">.</span><br />
<span style="color: #000080; font-size: x-small;">body</span><br />
<span style="font-size: x-small;">.</span><br />
<span style="color: #000080; font-size: x-small;">innerHTML</span><br />
<span style="font-size: x-small;">;<br />
}; </span></span></span></span></span></span></span></span></p>
<p><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><br />
<span style="color: #0000ff; font-size: x-small;">if</span><br />
<span style="font-size: x-small;">(</span><br />
<span style="color: #000080; font-size: x-small;">navigator</span><br />
<span style="font-size: x-small;">.</span><br />
<span style="color: #000080; font-size: x-small;">userAgent</span><br />
<span style="font-size: x-small;">.</span><br />
<span style="color: #000080; font-size: x-small;">indexOf</span><br />
<span style="font-size: x-small;">(</span><br />
<span style="color: #800000; font-size: x-small;">&#8220;Firefox&#8221;</span><br />
<span style="font-size: x-small;">)!=-1)<br />
</span><br />
<span style="color: #000080; font-size: x-small;">document</span><br />
<span style="font-size: x-small;">.</span><br />
<span style="color: #000080; font-size: x-small;">getElementById</span><br />
<span style="font-size: x-small;">(</span><br />
<span style="color: #800000; font-size: x-small;">&#8220;&lt;%= ftb.ClientID %&gt;_htmlEditorArea&#8221;</span><br />
<span style="font-size: x-small;">).</span><br />
<span style="color: #000080; font-size: x-small;">addEventListener</span><br />
<span style="font-size: x-small;">(</span><br />
<span style="color: #800000; font-size: x-small;">&#8216;change&#8217;</span><br />
<span style="font-size: x-small;">, </span><br />
<span style="color: #000080; font-size: x-small;">onFtbClientTextChanged</span><br />
<span style="font-size: x-small;">, </span><br />
<span style="color: #0000ff; font-size: x-small;">true</span><br />
<span style="font-size: x-small;">); </span><br />
<span style="color: #008000; font-size: x-small;">//for firefox<br />
</span><br />
<span style="color: #0000ff; font-size: x-small;"><!--</font--><br />
<span style="color: #800000; font-size: x-small;">script</span><br />
<span style="color: #0000ff; font-size: x-small;">&gt;</span><br />
<span style="font-size: x-small;"></p>
<p></span><br />
<span style="color: #0000ff; font-size: x-small;"><!--</font--><br />
<span style="color: #800000; font-size: x-small;">form</span><br />
<span style="color: #0000ff; font-size: x-small;">&gt;<br />
<!--</font--><br />
<span style="color: #800000; font-size: x-small;">body</span><br />
<span style="color: #0000ff; font-size: x-small;">&gt;<br />
<!--</font--><br />
<span style="color: #800000; font-size: x-small;">html</span><br />
<span style="color: #0000ff; font-size: x-small;">&gt;</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;">With it&#8217;s codebehind:</span></span></span></span></span></span></span></span></span></span></span></p>
<div style="FONT-SIZE: 10pt; BACKGROUND: #ffffcc; COLOR: black; FONT-FAMILY: Consolas">
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 12</span> <span style="BACKGROUND: white; COLOR: blue">public</span><span style="BACKGROUND: white; COLOR: blue">partial</span><span style="BACKGROUND: white; COLOR: blue">class</span><span style="BACKGROUND: white; COLOR: teal">App_Components_FreeTextBox</span><span style="BACKGROUND: white"> : </span><span style="BACKGROUND: white; COLOR: navy">System</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Web</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">UI</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: teal">Page</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 13</span> <span style="BACKGROUND: white">{</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 14</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">protected</span><span style="BACKGROUND: white; COLOR: blue">string</span><span style="BACKGROUND: white; COLOR: navy">MainPageField</span><span style="BACKGROUND: white">;</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 15</span> </span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 16</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">protected</span><span style="BACKGROUND: white; COLOR: blue">void</span><span style="BACKGROUND: white; COLOR: navy">Page_Load</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: blue">object</span><span style="BACKGROUND: white; COLOR: navy">sender</span><span style="BACKGROUND: white">, </span><span style="BACKGROUND: white; COLOR: teal">EventArgs</span><span style="BACKGROUND: white; COLOR: navy">e</span><span style="BACKGROUND: white">)</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 17</span> <span style="BACKGROUND: white"> {</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 18</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">MainPageField</span><span style="BACKGROUND: white"> = </span><span style="BACKGROUND: white; COLOR: navy">Request</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">QueryString</span><span style="BACKGROUND: white">[</span><span style="BACKGROUND: white; COLOR: maroon">"hf"</span><span style="BACKGROUND: white">];</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 19</span> </span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 20</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">if</span><span style="BACKGROUND: white"> (!</span><span style="BACKGROUND: white; COLOR: navy">IsPostBack</span><span style="BACKGROUND: white">)</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 21</span> <span style="BACKGROUND: white"> {</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 22</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: green">//When the page first loads we need to set the freetextbox with the value from the hiddenfield for databinding etc.</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 23</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">string</span><span style="BACKGROUND: white; COLOR: navy">setTextScript</span><span style="BACKGROUND: white"> = </span><span style="BACKGROUND: white; COLOR: blue">string</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Empty</span><span style="BACKGROUND: white">;</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 24</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">if</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: navy">Request</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Browser</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Browser</span><span style="BACKGROUND: white"> != </span><span style="BACKGROUND: white; COLOR: maroon">&#8220;IE&#8221;</span><span style="BACKGROUND: white">)</span><span style="BACKGROUND: white; COLOR: green">//for firefox we need to reach the freetextbox design editor to place our html</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 25</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">setTextScript</span><span style="BACKGROUND: white"> = </span><span style="BACKGROUND: white; COLOR: blue">string</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Format</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: maroon">&#8220;document.getElementById(&#8216;{0}_designEditor&#8217;).contentWindow.document.body.innerHTML = window.parent.document.getElementById(&#8216;{1}&#8217;).value;\r\n&#8221;</span><span style="BACKGROUND: white">, </span><span style="BACKGROUND: white; COLOR: navy">ftb</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">ClientID</span><span style="BACKGROUND: white">, </span><span style="BACKGROUND: white; COLOR: navy">MainPageField</span><span style="BACKGROUND: white">);</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 26</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">else</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 27</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">setTextScript</span><span style="BACKGROUND: white"> = </span><span style="BACKGROUND: white; COLOR: blue">string</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Format</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: maroon">&#8220;document.getElementById(&#8216;{0}&#8217;).innerHTML = window.parent.document.getElementById(&#8216;{1}&#8217;).value;\r\n&#8221;</span><span style="BACKGROUND: white">, </span><span style="BACKGROUND: white; COLOR: navy">ftb</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">ClientID</span><span style="BACKGROUND: white">, </span><span style="BACKGROUND: white; COLOR: navy">MainPageField</span><span style="BACKGROUND: white">);</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 28</span> </span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 29</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">Page</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">ClientScript</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">RegisterStartupScript</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: blue">this</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">GetType</span><span style="BACKGROUND: white">(), </span><span style="BACKGROUND: white; COLOR: maroon">&#8220;setText&#8221;</span><span style="BACKGROUND: white">, </span><span style="BACKGROUND: white; COLOR: navy">setTextScript</span><span style="BACKGROUND: white">, </span><span style="BACKGROUND: white; COLOR: blue">true</span><span style="BACKGROUND: white">);</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 30</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">ftb</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Text</span><span style="BACKGROUND: white"> = </span><span style="BACKGROUND: white; COLOR: navy">Session</span><span style="BACKGROUND: white">[</span><span style="BACKGROUND: white; COLOR: navy">MainPageField</span><span style="BACKGROUND: white">].</span><span style="BACKGROUND: white; COLOR: navy">ToString</span><span style="BACKGROUND: white">();</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 31</span> <span style="BACKGROUND: white"> }</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 32</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: green">//Set the width to 99% so that the freetextbox displays completely</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 33</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">ftb</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Width</span><span style="BACKGROUND: white"> = </span><span style="BACKGROUND: white; COLOR: teal">Unit</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Percentage</span><span style="BACKGROUND: white">(99);</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 34</span> </span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 35</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: green">//Get the height and widht and set the height relative to the width of the iframe (the toolbars move)</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 36</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">int</span><span style="BACKGROUND: white; COLOR: navy">height</span><span style="BACKGROUND: white"> = </span><span style="BACKGROUND: white; COLOR: blue">int</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Parse</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: navy">Request</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">QueryString</span><span style="BACKGROUND: white">[</span><span style="BACKGROUND: white; COLOR: maroon">"h"</span><span style="BACKGROUND: white">]);</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 37</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">int</span><span style="BACKGROUND: white; COLOR: navy">width</span><span style="BACKGROUND: white"> = </span><span style="BACKGROUND: white; COLOR: blue">int</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Parse</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: navy">Request</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">QueryString</span><span style="BACKGROUND: white">[</span><span style="BACKGROUND: white; COLOR: maroon">"w"</span><span style="BACKGROUND: white">]);</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 38</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">if</span><span style="BACKGROUND: white"> (</span><span style="BACKGROUND: white; COLOR: navy">width</span><span style="BACKGROUND: white"> &lt; 550)</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 39</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">ftb</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Height</span><span style="BACKGROUND: white"> = </span><span style="BACKGROUND: white; COLOR: teal">Unit</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Pixel</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: navy">height</span><span style="BACKGROUND: white"> &#8211; 130);</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 40</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">else</span><span style="BACKGROUND: white; COLOR: blue">if</span><span style="BACKGROUND: white"> (</span><span style="BACKGROUND: white; COLOR: navy">width</span><span style="BACKGROUND: white"> &lt; 600)</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 41</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">ftb</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Height</span><span style="BACKGROUND: white"> = </span><span style="BACKGROUND: white; COLOR: teal">Unit</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Pixel</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: navy">height</span><span style="BACKGROUND: white"> &#8211; 120);</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 42</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: blue">else</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 43</span> <span style="BACKGROUND: white"> </span><span style="BACKGROUND: white; COLOR: navy">ftb</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Height</span><span style="BACKGROUND: white"> = </span><span style="BACKGROUND: white; COLOR: teal">Unit</span><span style="BACKGROUND: white">.</span><span style="BACKGROUND: white; COLOR: navy">Pixel</span><span style="BACKGROUND: white">(</span><span style="BACKGROUND: white; COLOR: navy">height</span><span style="BACKGROUND: white"> &#8211; 90);</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 44</span> </span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 45</span> <span style="BACKGROUND: white"> }</span></span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 46</span> </span></span></span></span></span></span></span></span></span></span></span></p>
<p style="MARGIN: 0px"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <span style="COLOR: #2b91af"> 47</span> <span style="BACKGROUND: white">}</span></span></span></span></span></span></span></span></span></span></span></span></p>
</div>
<p><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"> <!--EndFragment--></span></span></span></span></span></span></span></span></span></span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://flanders.co.nz/2006/07/21/make-the-freetextbox-work-inside-an-atlas-updatpanel/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>I opened a workspace for NBlogr on gotdotnet</title>
		<link>http://flanders.co.nz/2006/07/17/i-opened-a-workspace-for-nblogr-on-gotdotnet/</link>
		<comments>http://flanders.co.nz/2006/07/17/i-opened-a-workspace-for-nblogr-on-gotdotnet/#comments</comments>
		<pubDate>Mon, 17 Jul 2006 21:49:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[.NET 2.0]]></category>
		<category><![CDATA[Atlas]]></category>

		<guid isPermaLink="false">http://blog.koolkraft.net/2006/07/17/i-opened-a-workspace-for-nblogr-on-gotdotnet/</guid>
		<description><![CDATA[<a href="http://flanders.co.nz/2006/07/17/i-opened-a-workspace-for-nblogr-on-gotdotnet/" title="I opened a workspace for NBlogr on gotdotnet"></a>Today I opened a workspace on gotdotnet for an open source blog engine I started writing. Everybody is welcome to join in. The space I have on gotdotnet is not so big which means that you&#8217;ll have to email me for &#8230;<p class="read-more"><a href="http://flanders.co.nz/2006/07/17/i-opened-a-workspace-for-nblogr-on-gotdotnet/">Read more &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<a href="http://flanders.co.nz/2006/07/17/i-opened-a-workspace-for-nblogr-on-gotdotnet/" title="I opened a workspace for NBlogr on gotdotnet"></a><p>Today I opened a workspace on gotdotnet for an open source blog engine I started writing.</p>
<p>Everybody is welcome to join in. The space I have on gotdotnet is not so big which means that you&#8217;ll have to email me for now to get the complete and current source database.</p>
<p>A little bit later this week I will have a demo site/blog running on <a href="http://www.nblogr.com">http://www.nblogr.com</a></p>
<p>The characteristics of the blog are :</p>
<p>1. It&#8217;s Atlas <img src='http://flanders.co.nz/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  </p>
<p>2. It&#8217;s free for everybody to use</p>
<p>3. It&#8217;s open source so please if you change something then let me know.</p>
<p>4. Will be focussing on integrating the whole web 2.0 (the real web 2.0) experience i.e. direct integration of flickr etc.</p>
<p>5. The conversion from your current blog software should run without glitches.</p>
<p>I am definitely in need of somebody that knows how to create good templates/xhtml/css designs because that is not my strongest side.</p>
<p>The workspace is located @ <a href="http://workspaces.gotdotnet.com/nblogr">http://workspaces.gotdotnet.com/nblogr</a></p>
<p> </p>
]]></content:encoded>
			<wfw:commentRss>http://flanders.co.nz/2006/07/17/i-opened-a-workspace-for-nblogr-on-gotdotnet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AjaxPatterns.org</title>
		<link>http://flanders.co.nz/2006/07/03/ajaxpatternsorg/</link>
		<comments>http://flanders.co.nz/2006/07/03/ajaxpatternsorg/#comments</comments>
		<pubDate>Mon, 03 Jul 2006 09:22:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[.NET 2.0]]></category>
		<category><![CDATA[Atlas]]></category>

		<guid isPermaLink="false">http://blog.koolkraft.net/2006/07/03/ajaxpatternsorg/</guid>
		<description><![CDATA[<a href="http://flanders.co.nz/2006/07/03/ajaxpatternsorg/" title="AjaxPatterns.org"></a>For those of you that are concerned with design patterns for ajax check out this site : http://ajaxpatterns.org/  I have to say that that site is a real gem.  I for one am concerned with usability and am not discriminating so &#8230;<p class="read-more"><a href="http://flanders.co.nz/2006/07/03/ajaxpatternsorg/">Read more &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<a href="http://flanders.co.nz/2006/07/03/ajaxpatternsorg/" title="AjaxPatterns.org"></a><p>For those of you that are concerned with design patterns for ajax check out this site :</p>
<p>
				<a href="http://ajaxpatterns.org/">http://ajaxpatterns.org/</a> </p>
<p>I have to say that that site is a real gem.  I for one am concerned with usability and am not discriminating so I think the leap to accessibility is only very small.  We are planning an application that is ajaxed and should still be completely usable by blind users which will be intresting to build.</p>
<p>In preparation for this i stumbled upon <a href="http://www.maxkiesler.com/index.php/weblog/comments/how_to_make_your_ajax_applications_accessible/">http://www.maxkiesler.com/index.php/weblog/comments/how_to_make_your_ajax_applications_accessible/</a></p>
<p>That page has got about 40 links to sites that discuss accesibility in an ajaxed world.</p>
<p>The last issue I&#8217;m facing is the fact that because asp.NET renders webresource urls that are incredibly long. The w3 xhtml validator won&#8217;t validate my pages and only because of this url.  I want to render valid xhtml 1.1 pages. So that&#8217;s something I will be looking at in the next few weeks when I&#8217;ve got some spare time.</p>
]]></content:encoded>
			<wfw:commentRss>http://flanders.co.nz/2006/07/03/ajaxpatternsorg/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript obfuscation</title>
		<link>http://flanders.co.nz/2006/06/30/javascript-obfuscation/</link>
		<comments>http://flanders.co.nz/2006/06/30/javascript-obfuscation/#comments</comments>
		<pubDate>Fri, 30 Jun 2006 21:23:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[.NET 2.0]]></category>
		<category><![CDATA[Atlas]]></category>

		<guid isPermaLink="false">http://blog.koolkraft.net/2006/06/30/javascript-obfuscation/</guid>
		<description><![CDATA[<a href="http://flanders.co.nz/2006/06/30/javascript-obfuscation/" title="Javascript obfuscation"></a>I&#8217;ve been getting much better along with atlas lately. Almost up to the point that it takes me almost the same time to create page in asp.net than it does me to create a page in atlas. Notice the word &#8230;<p class="read-more"><a href="http://flanders.co.nz/2006/06/30/javascript-obfuscation/">Read more &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<a href="http://flanders.co.nz/2006/06/30/javascript-obfuscation/" title="Javascript obfuscation"></a><p>I&#8217;ve been getting much better along with atlas lately. Almost up to the point that it takes me almost the same time to create page in asp.net than it does me to create a page in atlas. Notice the word almost <img src='http://flanders.co.nz/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  And that&#8217;s optimism talking</p>
<p>Anyway it does take a wee while longer to create an atlas page than it would to create an asp.net page. But the result is about 10x as usable and than a normal page.</p>
<p>That being said. All that atlas goodnes comes at a cost : A lot of javascript being pushed down to the browser. When I was in wellington on wednesday there was somebody talking about atlas in the user group.  Seen as I will go talk to the regional groups I was quite keen what Tatham had to say on the subject.</p>
<p>It was interesting but at a certain point he talked about the &#8220;obfuscated&#8221; javascript files. Those are just packed. That made me think that I also want to have packed javascript that is slightly less readable. I remember I have some open source library that I downloaded a year or so ago.</p>
<p>Well the guy has a nice library that you can download here : <font color="#008000" size="2"></font></p>
<p><font color="#000000"><a href="http://dean.edwards.name/packer/">http://dean.edwards.name/packer/</a></font></p>
<p><font color="#000000">It&#8217;s nice but his HttpHandler doesn&#8217;t work for me. But there&#8217;s a simple work-around. Make your own handler that reads the javascript file and uses his Pack function.</font></p>
<p><font color="#000000">If somebody is interested in the code just drop me an email and i&#8217;ll send it to you.</font></p>
]]></content:encoded>
			<wfw:commentRss>http://flanders.co.nz/2006/06/30/javascript-obfuscation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

