The Windows Azure SDK requires Internet Information Services 7.0 with ASP.NET Application Development components and the IIS Management Console components installed.

To fix this issue, digg into following steps

For Windows 7 & Vista
1. Click Start, and then click Control Panel.
2. In Control Panel, click Programs and Features.
3. In the Program and Features, click Turn Windows features on or off.
4. To install IIS and the IIS Management Console, select Internet Information Services
If you intend to develop ASP.NET applications, expand Internet Information Services | World Wide Web Services | Application Development Features, and then select ASP.NET.
5. Click OK to install IIS and the selected features.

Advertisement

Modal Popup in PageLoad using AjaxTool Kit

Hi,
In this article we will evaluate ASP.NET ModalPopUp ajax extender control.
Using this control we will show ModalPopUp in pageload & this popup should be shown to user only once during the session i.e. popup should not be shown when page is refreshed and should not be shown after returning back to this page before session expires.

Let’s dig into this article by following below steps:
1. As we all know the primary control to be used whenever we use .NET Ajax control. Yes you have guessed it right it’s not other than ScriptManager control. Add this to the form
<asp:ScriptManager ID=”ScriptManager1″ runat=”server”>
</asp:ScriptManager>

2. Next we need ModalPopUp extender control
<asp:ModalPopupExtender runat=”server” ID=”myExtender” BackgroundCssClass=”myModalPopupbackGrnd”
PopupControlID=”myPopup” TargetControlID=”myhiddencontrol”>
</asp:ModalPopupExtender>

myExtender: Modalpopup control ID
myModalPopupbackGrnd:  background CSS name for entire page
myPopup: Name of panel which will be shown as PopUp
myhiddencontrol: Modalpopup extender expects target control ID. Based on
this control event extenders are executed. For example if we want popup to shown upon click event these we need to give button control ID. But in our case we want to show popup on page load we will give label ID
3. Now let’s add the panel which will be shown as popup
<asp:Panel ID=”myPopup” runat=”server” CssClass=”myModalPopup” Style=”display: none;”>
<asp:Panel ID=”dragHandler” runat=”server”>
Welcome</asp:Panel>
<div style=”padding: 3px;”>
This is a demo popup extender
</div>
<div style=”width: 500px; text-align: right;”>
<asp:Button ID=”btnOK” runat=”server” Text=”Thanks!” />
</div>
</asp:Panel>
In panel we will place our content which is to be shown in popup.
dragHandler: panel to show header & by selecting this we can move popup.
btnOK: button ok upon clicking we will hide popup
4. To make our popup to be drag we need to add DragHandler & provide the DragHandler ID with the Panel ID which is inside PopUp panel
<asp:DragPanelExtender ID=”drgPnlExt” runat=”server” TargetControlID=”myPopup” DragHandleID=”dragHandler” />

5. To hide popup when OK button is clicked, we will write a JS function inside head tag, which will do this for us
function HideMyPopup() {
$find(’myExtender’).hide();
return false;
}

6. Place the below code in Style tag inside head tag
.myModalPopupbackGrnd
{
background-color: #dedede;
filter: alpha(opacity=50);
opacity: 0.7;
}

.myModalPopup
{
min-width: 200px;
min-height: 150px;
background: white;
}
7. Let’s get into server side code, to bind JS function with button click event need to use below code
btnOK.Attributes.Add(”onclick”, “return HideMyPopup();”);

8. To show popup only on page load of the page, we need to use below code in PageLoad event
if (Session.IsNewSession)
myExtender.Show();
else
myExtender.Hide();
9. Now execute and see it. Popup extender shows up for first time only & will not show when you refresh.

Happy Kooding… Hope this helps!

JQuery Carousel Control in ASP.NET

In this article we will explore how to build Carousel control. To start with first we will build Static HTML carousel control & then we will integrate with our .NET Repeater control to show data & work similar to Static HTML content.
It is expected you have basic knowledge on what is JQuery.

Below are steps to be followed to build Carousel control
1. Open new web site & start scratching default.aspx as mentioned below
2. Download below JQuery java script files from http://jquery.com site
a. jquery-latest.pack.js
b. jcarousellite_1.0.1.js
3. Add above JS script reference in default.aspx under head tags as shown below
<script type=”text/javascript” src=” jquery-latest.pack.js”></script>
<script type=”text/javascript” src=” jcarousellite_1.0.1.js”></script>

4. Now we will add a div, which will contain Unordered list tag & image tags. This div should be assigned with some class name. In our instance we are using class name as “anyClass” & image should be assigned with proper image source path

<div class=”anyClass”>
<ul>
<li><img src=” sample-logo.png” alt=”” width=”100″ height=”100″ ></li>
<li><img src=” sample-logo.png” alt=”” width=”100″ height=”100″ ></li>
<li><img src=” sample-logo.png” alt=”” width=”100″ height=”100″ ></li>
<li><img src=” sample-logo.png” alt=”” width=”100″ height=”100″ ></li>
</ul>
</div>

5. Now for navigation of images, we need 2 buttons for forward & backward navigation.
<button class=”prev”><<</button>
<button class=”next”>>></button>

6. In the head section, add JS script tag & add the following code.
<script type=”text/javascript”>
$(function() {
$(”.anyClass”).jCarouselLite({
btnNext: “.next”,
btnPrev: “.prev”
});
});

</script>

/*  Comment : div class name & following  and name in this line of code should match $(”.anyClass”).jCarouselLite( */

7. Now run the page & see the output.
8. So far so good, till now we have seen static HTML works fine.  Let’s say we have image list which comes from DB source or any other source & you want to bind it to grid view or any list control. But when you use these control you would not be able to add UnOrdered list <ul> and the HTML as same as above static. If you have similar HTML, JQuery carousel will not work properly. I mean you need to have <div>, followed by <ol> then followed by <li> & finally <img> tag.
9. So to get out of this & generate similar stuff, we need to Repeater control instead of GridView, DataGrid and DataList
10. First lets add Repeater control to webpage, inside our DIV & css class should be “anyClass”

<div class=”anyClass”>
<ul>
<asp:Repeater ID=”myRepeater” runat=”server”>
<ItemTemplate>
<li>
<table>
<tr>
<td><img src=”<%# DataBinder.Eval(Container.DataItem, “ImageURL”)%>” alt=”” width=”100″ height=”100″ />
</td>

</tr>

</table>

</li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
11. To bind this repeater with source, we will generate static list as following

var list = (new[] { new { ImageURL = “images/sample-logo.png”, Text = “The Sun” } }).ToList();
list.Add(new { ImageURL = “images/sample-logo.png”, Text = “New York” });
list.Add(new { ImageURL = “images/sample-logo.png”, Text = “Office Meeting” });
list.Add(new { ImageURL = “images/sample-logo.png”, Text = “A Beach” });
list.Add(new { ImageURL = “images/sample-logo.png”, Text = “Global Technology” });
list.Add(new { ImageURL = “images/sample-logo.png”, Text = “My Global Technology” });
list.Add(new { ImageURL = “images/sample-logo.png”, Text = “Our Global Technology” });

Hope above code is simple enough to understand, is yes then let’s move on

12. Finally add this list to our repeater control

myRepeater.DataSource = list;
myRepeater.DataBind();

13. Now run the application & have a look at the output.
Happy Kooding… Hope this helps!

Read RSS FEED data (blogspot.com)

Hi All,

In this article we will see how to read RSS Feed data & show it on our web site.
To start with on we need to know from where we are going read RSS feed data. In this example, we will read RSS feed data from blogger.com site, where recent posts are available.
Let’s say there is a blog spot as http://xxxxxx.blogspot.com then RSS feed data would be available at http://xxxxx.blogspot.com/rss.xml. So this is the source data for us to work with.
Now start with code part:

1. First lets add DataGrid to our web page, with one template column as shown below

<asp:DataGrid runat=”server” ID=”myPosts” AutoGenerateColumns=”False”>
<Columns>
<asp:TemplateColumn HeaderText=”My Posts”>
<ItemTemplate>
<a href=”<%# DataBinder.Eval(Container.DataItem, “link”)%>”>
<%# DataBinder.Eval(Container.DataItem, “title”) %>
</a>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:DataGrid>
2. In our page load, lets declare XMLTextReader object with & this will take RSS FEED URL. In this example I am using my blogspot url
XmlTextReader reader = new XmlTextReader(”http://bgsuryablog.blogspot.com/rss.xml“);
3. We will declare Dataset
DataSet ds = new DataSet();

4. To read XML data & read into DS lets use below code
ds.ReadXml(reader);

5. As we have dataset object filled up with RSS feed data. Lets assign Dataset to datagrid as below
myPosts.DataSource = ds;
myPosts.DataBind();

6. Dataset object would contain properties in the form of Link & Title, which we have used in our .aspx code i.e. step1

7. Now execute the code & see the output

Happy Kooding… Hope this helps!

Find No of Lines in Files (In a directory & sub directory)

Hi All,

In this article, we will perform below tasks & this code base is window forms

1.       Find  list of files present in a directory & sub directory without calling function(s) recursively i.e. avoid recursive function

2.       Calculate no of lines of code available in all files under a directory & sub directory

This code is Window Form code:

1.       Open a new windows form application

2.       Add following  controls to the form1,assign controls NAME & TEXT properties respectively

a.       Label  à Name: lblPath, Text: Files Path

b.      Label à Name: lblFileTypes, Text: File Types

c.       Label à Name: lblLinesCount, Text : No of Lines

d.      Label à Name: lblFilesCount, Text : No of Files

e.      Textbox à Name : txtPath, Text:

f.        Button à Name: btnCalculate, Text: Calculate Lines

3.       Declare below global variable inside the form1 class

int linesCount = 0;

4.       Add below code in btnCalculate click event with inline comments to each code statement

private void btnCalculate_Click(object sender, EventArgs e)

{

/* below code, declares array list object & call GetAllFiles which will take folder path which is to be crawled & this function returns all files in the directory & sub directories */

ArrayList filesList = GetAllFiles(txtPath.Text.ToString());

/* below code, for loop is to read each file from filesList object & sum no of files present in each file */

foreach (string fileName in filesList)

{

/* below code, find all lines present in a files */

string[] lines = File.ReadAllLines(fileName);

/* below code, finds lines count & add it to global linesCount variable*/

linesCount += lines.Length;

}

/* below code, assigns not of lines present in all files to label  */

lblLinesCount.Text += Convert.ToString(linesCount.ToString());

/* below code, assigns total files crawled by our code */

lblFilesCount.Text += Convert.ToString(filesList.Count.ToString());

}

5.       Now let’s add GetAllFiles function, with inline comments to each code statements

/* below function takes director path to be crawled */

private ArrayList GetAllFiles(string directory)

{

/* below code, declares Arraylist object */

ArrayList totalFilesList = new ArrayList();

/* below code, does a preliminary checks to see if the directory path is not empty, if it is empty simply returns i.e. exit the function execution*/

if (directory == string.Empty)

return totalFilesList;

/* below code, creates search option object to crawl all sub directories in a parent directory. The beauty of this is, by using this we can avoid calling of function recursively to find sub directories */

SearchOption sop = SearchOption.AllDirectories;

/* below code, get all files in a directories & sub directories with the extensions .cs

Directory.GetFiles returns files list & take 3 parameters 1. Root directory path 2. Files to be read with extension .cs 3. SearchOption object */

string[] files = Directory.GetFiles(directory, “*.cs”, sop);

/* below code, add up the filesList to main arraylist object */

totalFilesList.AddRange(files);

/* below code, return arraylist with list of files */

return totalFilesList;

}

6.       Now execute & the output

Happy Kooding… Hope this helps!