Emad Mokhtar's Framework - .Net http://www.emadmokhtar.com/ Computer-Geek Life Style en-us Emad Mokhtar Tue, 04 May 2010 18:17:52 GMT newtelligence dasBlog 2.3.9074.18820 emadmokhtar@emadmokhtar.com emadmokhtar@emadmokhtar.com http://www.emadmokhtar.com/Trackback.aspx?guid=a17dc236-97f0-4bc3-b39b-2c4ad8284a8b http://www.emadmokhtar.com/pingback.aspx http://www.emadmokhtar.com/PermaLink,guid,a17dc236-97f0-4bc3-b39b-2c4ad8284a8b.aspx Emad Mokhtar http://www.emadmokhtar.com/CommentView,guid,a17dc236-97f0-4bc3-b39b-2c4ad8284a8b.aspx http://www.emadmokhtar.com/SyndicationService.asmx/GetEntryCommentsRss?guid=a17dc236-97f0-4bc3-b39b-2c4ad8284a8b ASP.NET 4 webforms new feature: ClientIDMode http://www.emadmokhtar.com/PermaLink,guid,a17dc236-97f0-4bc3-b39b-2c4ad8284a8b.aspx http://www.emadmokhtar.com/ASPNET4WebformsNewFeatureClientIDMode.aspx Tue, 04 May 2010 18:17:52 GMT <p> Today we'll examine ClientIDMode the new feature of ASP.NET 4 which makes life easier on developers when writing client-side scripting/code like javascript or jQuery. </p> <h3>ClientIDMode control property: </h3> <p> You can assign ClientIDMode property for ASP.NET controls which is take 4 values </p> <ul> <li> AutoID </li> <li> Inherit </li> <li> Predictable </li> <li> <div>Static </div> <p> </p> <p> <img src="http://www.emadmokhtar.com/content/binary/050410_1817_ASPNET4webf1.jpg" alt="" /> </p> <p> And I'll demonstrate what the different between those 4 values. </p> </li> </ul> <h3>Demo: </h3> <p> We've simple ASP.NET 4 page with Master page, with one button on it, and We'll set the ClientIDMode for the button control and examine what's happen when ASP.NET render it to HTML. </p> <h4>AutoID: </h4> <p> <span style="color:blue; font-family:Consolas; font-size:12pt"><<span style="color:maroon">asp<span style="color:blue">:<span style="color:maroon">Button</span> <span style="color:red">ID<span style="color:blue">="btnSubmit"</span> runat<span style="color:blue">="server"</span> Text<span style="color:blue">="Button"</span> ClientIDMode<span style="color:blue">="AutoID"</span> <span style="color:blue">/> </span></span></span></span>> </p> <p> </p> <h5>The Rendered HTML: </h5> <p> <span style="color:black; font-family:Courier New; font-size:13pt"> <input type="submit" name="ctl00$ContentPlaceHolder1$btnSubmit" value="Button" <span style="background-color:yellow">id="ctl00_ContentPlaceHolder1_btnSubmit"</span> />> </p> <p> It's rendered like what ASP.NET 3.5 do, so if you want to renter control's ID like ASP.NET 3.5 set ClientIDMode to AutoID. </p> <h4>Inherit: </h4> <p> <span style="color:blue; font-family:Consolas; font-size:12pt"><<span style="color:maroon">asp<span style="color:blue">:<span style="color:maroon">Button</span> <span style="color:red">ID<span style="color:blue">="btnSubmit"</span> runat<span style="color:blue">="server"</span> Text<span style="color:blue">="Button"</span> ClientIDMode<span style="color:blue">="Inherit"</span> <span style="color:blue">/> </span></span></span></span>> </p> <p> </p> <p> </p> <h5>The Rendered HTML: </h5> <p> <span style="color:black; font-family:Courier New; font-size:13pt"> <input type="submit" name="ctl00$ContentPlaceHolder1$btnSubmit" value="Button" <span style="background-color:yellow">id="btnSubmit</span>" /> > </p> <p> Actually it tells the <span style="color:black; font-family:Arial">control to defer to the naming behavior mode of the parent container control</span> </p> <h4>Predictable (default): </h4> <p> <span style="color:blue; font-family:Consolas; font-size:12pt"><<span style="color:maroon">asp<span style="color:blue">:<span style="color:maroon">Button</span> <span style="color:red">ID<span style="color:blue">="btnSubmit"</span> runat<span style="color:blue">="server"</span> Text<span style="color:blue">="Button"</span> ClientIDMode<span style="color:blue">="Predictable"</span> <span style="color:blue">/> </span></span></span></span>> </p> <p> </p> <h5>The Rendered HTML: </h5> <p> <span style="color:black; font-family:Courier New; font-size:13pt"> <input type="submit" name="ContentPlaceHolder1$btnSubmit" value="Button" <span style="background-color:yellow">id="ContentPlaceHolder1_btnSubmit</span>" /> > </p> <p> Remove the ugly default auto generated ID prefix "ctl00" </p> <h4>Static: </h4> <p> <span style="color:blue; font-family:Consolas; font-size:12pt"><<span style="color:maroon">asp<span style="color:blue">:<span style="color:maroon">Button</span> <span style="color:red">ID<span style="color:blue">="btnSubmit"</span> runat<span style="color:blue">="server"</span> Text<span style="color:blue">="Button"</span> ClientIDMode<span style="color:blue">="Static"</span> <span style="color:blue">/> </span></span></span></span>> </p> <p> </p> <h5>The Rendered HTML: </h5> <p> <span style="font-family:Courier New; font-size:13pt"> <input type="submit" name="ctl00$ContentPlaceHolder1$btnSubmit" value="Button" <span style="background-color:yellow">id="btnSubmit</span>" /> > </p> <p> It'll rendered the ID like what you set for ID attribute </p> <h3>Where you can set the ClientIDMode: </h3> <p> </p> <h4>Web.config: </h4> <p> You can set the ClientIDMode in web.config file inside page tag </p> <p> <span style="color:blue; font-family:Consolas; font-size:12pt"><<span style="color:#a31515">configuration<span style="color:blue">></span> </span>> </p> <p> <span style="color:blue; font-family:Consolas; font-size:12pt"><<span style="color:#a31515"> system.web<span style="color:blue">></span> </span>> </p> <p> <span style="color:blue; font-family:Consolas; font-size:12pt"><<span style="color:#a31515"> pages<span style="color:blue"> <span style="color:red"><span style="background-color:yellow">ClientIDMode<span style="color:blue">=</span>"<span style="color:blue">Static</span>"</span><span style="color:blue"> /></span> </span></span></span>> </p> <p> <span style="color:blue; font-family:Consolas; font-size:12pt"><<span style="color:#a31515"> compilation<span style="color:blue"> <span style="color:red">debug<span style="color:blue">=</span>"<span style="color:blue">true</span>"<span style="color:blue"> <span style="color:red">targetFramework<span style="color:blue">=</span>"<span style="color:blue">4.0</span>"<span style="color:blue"> /></span> </span></span></span></span></span>> </p> <p> <span style="color:blue; font-family:Consolas; font-size:12pt"><span style="color:#a31515"> system.web<span style="color:blue">></span> </span>> </p> <p> </p> <p> <span style="color:blue; font-family:Consolas; font-size:12pt"><span style="color:#a31515">configuration<span style="color:blue">></span> </span>> </p> <p> </p> <p> </p> <h4>Control: </h4> <p> Or you can set it for specific control, but remember the main control is inherit this property, and this what we do in the demo. </p> <p> <span style="color:blue; font-family:Consolas; font-size:12pt"><<span style="color:maroon">asp<span style="color:blue">:<span style="color:maroon">Button</span> <span style="color:red">ID<span style="color:blue">="btnSubmit"</span> runat<span style="color:blue">="server"</span> Text<span style="color:blue">="Button"</span> <span style="background-color:yellow">ClientIDMode<span style="color:blue">="Static"</span></span> <span style="color:blue">/> </span></span></span></span>> </p> <p> </p> <h4>Page: </h4> <p> Or you can set the ClientIDMode on the page tag in the upper of ASPX file. </p> <p> <span style="font-family:Consolas; font-size:12pt"><span style="background-color:yellow"><%</span><span style="color:blue">@</span> <span style="color:maroon">Page</span> <span style="color:red">Title<span style="color:blue">=""</span> Language<span style="color:blue">="C#"</span> MasterPageFile<span style="color:blue">="~/Site.Master"</span> AutoEventWireup<span style="color:blue">="true"</span> CodeBehind<span style="color:blue">="Demo.aspx.cs"</span> Inherits<span style="color:blue">="ClientIDModeDemo.Demo"</span> <span style="background-color:yellow">ClientIDMode<span style="color:blue">="Static</span></span>"</span> <span style="background-color:yellow">%> </span></span> </p> <p> </p> <p> <strong> </strong> </p> <img width="0" height="0" src="http://www.emadmokhtar.com/aggbug.ashx?id=a17dc236-97f0-4bc3-b39b-2c4ad8284a8b" /> <br /> <hr />© Copyright, Emad Mokhtar http://www.emadmokhtar.com/CommentView,guid,a17dc236-97f0-4bc3-b39b-2c4ad8284a8b.aspx .Net ASP.NET http://www.emadmokhtar.com/Trackback.aspx?guid=77a6bb3c-47a4-48ef-ae22-c2d995a33312 http://www.emadmokhtar.com/pingback.aspx http://www.emadmokhtar.com/PermaLink,guid,77a6bb3c-47a4-48ef-ae22-c2d995a33312.aspx Emad Mokhtar http://www.emadmokhtar.com/CommentView,guid,77a6bb3c-47a4-48ef-ae22-c2d995a33312.aspx http://www.emadmokhtar.com/SyndicationService.asmx/GetEntryCommentsRss?guid=77a6bb3c-47a4-48ef-ae22-c2d995a33312

Hello folks,

vs.PNG

Yesterday Microsoft lunch what it called the most powerful version of Visual Studio and I think of that also; they create a lot of new features and enhanced old features like JavaScript Intellisence

I will write postes about those feature in future.

So How you can download Visual Studio 2010 after it'd realeased, there's 4 ways to download it:

1. Download the Express free version

If you want to download the free express version for educational purpose or for small work, Scott Hanselman mention in one of his podcast "I know compaies build it's work on Visual Studio Express version".

I like the feature of download the all offline install ISO imagefile.

2. Download the Trial version

You can download the trial version 30 days for free from Visual Studio's portal.

3. From DreamSpark portal.

4. MSDN/BizSpark/WebSiteSpark subscribers.

And here's a MSDN page focused on the feature content of Visual Studio 2010, and don't forget to catch the Visual Studio 2010 community lunch in Egypt by Dotnetwork on April 19th 2010 at Cairo Cirystars Golden Cinema 6:00 PM to 9:00 PM for more information.

Del.icio.us : , , , ,
Technorati : , , , ,


© Copyright, Emad Mokhtar 4 ways to download Visual Studio 2010 RTM http://www.emadmokhtar.com/PermaLink,guid,77a6bb3c-47a4-48ef-ae22-c2d995a33312.aspx http://www.emadmokhtar.com/4WaysToDownloadVisualStudio2010RTM.aspx Tue, 13 Apr 2010 00:57:57 GMT <p> Hello folks, </p> <p> <img src="http://www.emadmokhtar.com/content/binary/vs.PNG" style="BORDER-BOTTOM: #000000 1px dashed; BORDER-LEFT: #000000 1px dashed; BORDER-TOP: #000000 1px dashed; BORDER-RIGHT: #000000 1px dashed" height="102" alt="vs.PNG" width="730" /> </p> <p> Yesterday Microsoft lunch what it called the most powerful version of Visual Studio and I think of that also; they create a lot of new features and enhanced old features like JavaScript Intellisence </p> <blockquote> <p> I will write postes about those feature in future. </p> </blockquote> <p> So How you can download Visual Studio 2010 after it'd realeased, there's 4 ways to download it: </p> <p> 1. <a href="http://www.microsoft.com/express/Downloads/" target="_blank">Download the Express free version</a> </p> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p> If you want to download the free express version for educational purpose or for small work, Scott Hanselman mention in one of his podcast "I know compaies build it's work on Visual Studio Express version". </p> <p> I like the feature of download the all offline install ISO imagefile. </p> <p> <a href="http://www.emadmokhtar.com/content/binary/Express.PNG"><img src="http://www.emadmokhtar.com/content/binary/zrtn_007n2078243e_tn.jpg" style="WIDTH: 600px; HEIGHT: 393px" height="393" width="600" /></a> </p> </blockquote> </blockquote> <p> 2. <a href="http://www.microsoft.com/visualstudio/en-us/download" target="_blank">Download the Trial version</a> </p> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p> You can download the trial version 30 days for free from <a href="http://www.microsoft.com/visualstudio/en-us/download" target="_blank">Visual Studio's portal</a>. </p> <p> <a href="http://www.emadmokhtar.com/content/binary/Trial.PNG"><img src="http://www.emadmokhtar.com/content/binary/zrtn_006p753a022e_tn.jpg" style="WIDTH: 600px; HEIGHT: 290px" height="290" width="600" /></a> </p> </blockquote> </blockquote> <p> 3. <a href="https://www.dreamspark.com/default.aspx" target="_blank">From DreamSpark portal.</a> </p> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <blockquote style="MARGIN-RIGHT: 0px" dir="ltr"> <p> <a href="http://www.emadmokhtar.com/content/binary/Spark.PNG"><img src="http://www.emadmokhtar.com/content/binary/zrtn_008n1300a923_tn.jpg" style="WIDTH: 600px; HEIGHT: 272px" height="272" width="600" /></a> </p> </blockquote> </blockquote> <p> 4. <a href="http://msdn.microsoft.com/subscriptions/" target="_blank">MSDN</a>/<a href="http://www.microsoft.com/web/websitespark/" target="_blank">BizSpark</a>/<a href="http://www.microsoft.com/bizspark/" target="_blank">WebSiteSpark</a> subscribers. </p> <p> And here's a <a href="http://msdn.microsoft.com/en-us/vstudio/ff625297.aspx" target="_blank">MSDN page focused on the feature content of Visual Studio 2010</a>, and don't forget to catch the Visual Studio 2010 community lunch in Egypt by <a href="http://www.emadmokhtar.com/WhoIsDotnetwork.aspx" target="_blank">Dotnetwork</a> on April 19th 2010 at Cairo Cirystars Golden Cinema 6:00 PM to 9:00 PM <a href="http://www.facebook.com/event.php?eid=109829832381436" target="_blank">for more information</a>. </p> <p xmlns="" class="zoundry_raven_tags"> <!-- Tag links generated by Zoundry Raven. Do not manually edit. http://www.zoundryraven.com --> <span class="ztags"><span class="ztagspace">Del.icio.us</span> : <a href="http://del.icio.us/tag/.Net" class="ztag" rel="tag">.Net</a>, <a href="http://del.icio.us/tag/Microsoft" class="ztag" rel="tag">Microsoft</a>, <a href="http://del.icio.us/tag/VS" class="ztag" rel="tag">VS</a>, <a href="http://del.icio.us/tag/VS2010" class="ztag" rel="tag">VS2010</a>, <a href="http://del.icio.us/tag/VisualStudio2010" class="ztag" rel="tag">VisualStudio2010</a></span> <br /> <span class="ztags"><span class="ztagspace">Technorati</span> : <a href="http://www.technorati.com/tag/.Net" class="ztag" rel="tag">.Net</a>, <a href="http://www.technorati.com/tag/Microsoft" class="ztag" rel="tag">Microsoft</a>, <a href="http://www.technorati.com/tag/VS" class="ztag" rel="tag">VS</a>, <a href="http://www.technorati.com/tag/VS2010" class="ztag" rel="tag">VS2010</a>, <a href="http://www.technorati.com/tag/VisualStudio2010" class="ztag" rel="tag">VisualStudio2010</a></span> </p> <img width="0" height="0" src="http://www.emadmokhtar.com/aggbug.ashx?id=77a6bb3c-47a4-48ef-ae22-c2d995a33312" /> <br /> <hr />© Copyright, Emad Mokhtar http://www.emadmokhtar.com/CommentView,guid,77a6bb3c-47a4-48ef-ae22-c2d995a33312.aspx .Net Microsoft Tools VisualStudio