Arjuna

Saturday, June 19, 2010

Water World Kelaniya – Sri Lanka

Recently we went a trip to an aquarium which is located at Kelaniya Sri Lanka. They have named it Water World and claims that they have the largest collection of fish in South Asia.

Mainly they have 2 sections one for birds and the other for fish. If you are going to watch bird park then you need to buy a ticket of Srilankan rupees 70, if you are going for the fish section then the ticket would be 150 Srilankan rupees. You can also contact them if required by using the telephone number +94 11 5555433.

Following are some photos I took on my visit and as I feel they have some rare species on display.

Water World - Kelaniya

VIEW SLIDE SHOW

DOWNLOAD ALL

Update

To help the people who whould like to visit Water World I thought to share their new phone number with the address.

Telephone -
+94 11 5555434

Address -
Water World Lanka Pvt. Ltd.,
No: 95, Biyagama Road,
Thalwatta,
Kelaniya,
Sri Lanka.

Location -

View Larger Map

Tech-Ed 2010 – Sri Lanka

In February 2010 Microsoft held Tech-Ed 2010 and we (IronOne) were the silver sponsors for the event.

It was a good event which attracted many of my friends which I didn’t meet for a long time.

In appreciation to the sponsorship Microsoft sent us a thank you cake as well. Looks delicious right?

Friday, June 18, 2010

Creating Rounded Corners

When designing web sites it always looks nicer if you could round the sharp corners, for example see below, what looks nicer to you?

Sharp Corners

Rounded Corners

My feeling is the rounded corners are better looking than the normal one. But the problem is, there is no easy way to create this. You need some Cascade Style Sheet (CSS) knowledge to do this. The easy way to round the required corners is to use the following code.

       
       
        
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .CornerTopLeft
        {
            float: right;
            width: 100%;
            margin-top: 10px;
            background: url(../Images/TopLeft.png) 0 0 no-repeat rgb(237,28,36);
            border: 1px double #f1f1f1;
        }
        .CornerTopRight
        {
            float: right;
            width: 100%;
            background: url(../Images/TopRight.png) 100% 0 no-repeat;
        }
        .CornerBottomLeft
        {
            float: right;
            width: 100%;
            background: url(../Images/BottomLeft.png) 0 100% no-repeat;
            height: 100%;
        }
        .CornerBottomRight
        {
            float: right;
            width: 100%;
            background: url(../Images/BottomRight.png) 100% 100% no-repeat;
        }
        div#Content
        {
            margin: 15px;
        }
    </style>
</head>
<body bgcolor="rgb(232,232,232)">
    <form id="form1" runat="server">
    <div class="CornerTopLeft">
        <div class="CornerTopRight">
            <div class="CornerBottomLeft">
                <div class="CornerBottomRight">
                    <div id="Content">
                        Your content here.....
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                        <asp:Button ID="Button1" runat="server" Text="Button" />
                    </div>
                </div>
            </div>
        </div>
    </div>
    </form>
</body>
</html>
           
        
       

The above code is self explanatory so I didn’t put any comments there. To make it work you need the following 4 images placed on your Images directory.

TopLeft.png –

TopRight.png –

BottomLeft.png –

BottomRight.png –

If I am to explain the code, the corners are curved by using 4 different DIVs and placing the above images on them. For example the following DIVs does the trick.

         
         
          
<div class="CornerTopLeft">
        <div class="CornerTopRight">
            <div class="CornerBottomLeft">
                <div class="CornerBottomRight">
                    <div id="Content">
                        Your content here.....
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                        <asp:Button ID="Button1" runat="server" Text="Button" />
                    </div>
                </div>
            </div>
        </div>
    </div>
             
          
         

The content you need to put in the middle should be wrapped by these DIVs. In the above code I used another DIV for placing content having the ID Content.

Inserting curved images to the corners of the DIVs are done by using a style per DIV. The CSS classes which are used to change these DIVs are as of below.

         
         
          
<style type="text/css">
        .CornerTopLeft
        {
            float: right;
            width: 100%;
            margin-top: 10px;
            background: url(../Images/TopLeft.png) 0 0 no-repeat rgb(237,28,36);
            border: 1px double #f1f1f1;
        }
        .CornerTopRight
        {
            float: right;
            width: 100%;
            background: url(../Images/TopRight.png) 100% 0 no-repeat;
        }
        .CornerBottomLeft
        {
            float: right;
            width: 100%;
            background: url(../Images/BottomLeft.png) 0 100% no-repeat;
            height: 100%;
        }
        .CornerBottomRight
        {
            float: right;
            width: 100%;
            background: url(../Images/BottomRight.png) 100% 100% no-repeat;
        }
        div#Content
        {
            margin: 15px;
        }
    </style>
             
          
         

The filling of the required area is done by assiging a color at the background tag in CornerTopLeft style which will be applied to CornerTopLeft DIV.

background: url(../Images/TopLeft.png) 0 0 no-repeat rgb(237,28,36);

Note the last div#Content which was placed to style the Content DIV making the contents placed centered so the final output will be nicer.

Thursday, June 17, 2010

Sharing Screen with Multiple People

As you might know the new Skype allows us to share our desktop to another contact by only using Skype. Best things are it is free and we can share through internet. But this has a limitation which is you cannot share the screen with multiple contacts.

To overcome this I happen to find this nice Skype add-on named InnerPass Share and Collaborate which enable us to share our desktop with many people at once freely.

To get it installed go to Skype Extras Manager by clicking Tools –> Extras –> Get Extras.

Type InnerPass on the top left search box and press search.

Then on the left search results select the InnerPass Share and Collaborate add-on and install.

After installing you can launch InnerPass by clicking Tools –> Extras –> InnerPass Share and Collaborate. This will bring you a screen similar to the following.

You can click Get Started button to create your free InnerPass account and start using the features offered by InnerPass.

Some of the features are,

Managing meeting rooms.
Add contacts from other sources like Yahoo, Gmail, etc.
Schedule meetings.
Attend meetings.
Host meetings.
Sharing your screen.
Viewing others’ screens.
Share documents.

Friday, June 11, 2010

Selecting a Row in ASPxGridView

I found that with the flood of new possibilities with DevExpress grid view a simple functionality of selecting one row is bit hidden. After doing bit of searching in the internet I found the way and thought to share it.

The way we need to do this is by using a java script and bind that in to the RowClick event of the grid.

The java script will look like the following.

Then the binding to the RowClick would be as below.

The outcome of this is a grid which you can select a row.

The value of the selected row can be taken as below.

dxgdSearch.GetRowValues(dxgdSearch.FocusedRowIndex, "Customer_ID")

For example in my application I used to pass the Customer Id to the Customer.aspx form as below.

 
Response.Redirect("~/Customer.aspx?cusID= " + dxgdSearch.GetRowValues(dxgdSearch.FocusedRowIndex, "Customer_ID"));

The full source is as of below.

Page.aspx

 
       
        
<asp:Content ID="Content4" ContentPlaceHolderID="MainContent" runat="server"> 
    <script type="text/javascript"> 
        function OnRowClick(e) { 
            //Unselect all rows 
            dxgdSearch._selectAllRowsOnPage(false); 
            //Select the row 
            dxgdSearch.SelectRow(e.visibleIndex, true); 
        } 
    </script> 
    <dx:ASPxGridView ID="dxgdSearch" ClientInstanceName="dxgdSearch" runat="server" AutoGenerateColumns="False" 
        SettingsBehavior-AllowFocusedRow="True" SettingsBehavior-AllowMultiSelection="False"> 
        <ClientSideEvents RowClick="function(s, e) { OnRowClick(e); }"></ClientSideEvents> 
        <Columns> 
            <dx:GridViewDataTextColumn Name="Id" ShowInCustomizationForm="True" VisibleIndex="1" 
                Caption="Customer ID" FieldName="Customer_ID" Visible="False"> 
            </dx:GridViewDataTextColumn> 
            <dx:GridViewDataTextColumn Name="Name" ShowInCustomizationForm="True" VisibleIndex="0" 
                Caption="Name" FieldName="Full_Name"> 
            </dx:GridViewDataTextColumn> 
            <dx:GridViewDataTextColumn Name="TelephoneNo" ShowInCustomizationForm="True" VisibleIndex="1" 
                Caption="Tele. No." FieldName="Mobile_Number"> 
            </dx:GridViewDataTextColumn> 
            <dx:GridViewDataTextColumn Name="EMail" ShowInCustomizationForm="True" VisibleIndex="2" 
                Caption="EMail" FieldName="Email"> 
            </dx:GridViewDataTextColumn> 
            <dx:GridViewDataHyperLinkColumn Name="Select" VisibleIndex="3"> 
                <DataItemTemplate> 
                    <asp:Button ID="Button1" runat="server" CommandArgument='<%# Eval("Customer_ID") %>' 
                        OnClick="Button1_Click" Text="Edit" /> 
                </DataItemTemplate> 
            </dx:GridViewDataHyperLinkColumn> 
        </Columns> 
        <SettingsBehavior AllowFocusedRow="True"></SettingsBehavior> 
        <Settings ShowGroupPanel="True" ShowFilterRow="True" /> 
        <Settings ShowFilterRow="True" ShowGroupPanel="True"></Settings> 
    </dx:ASPxGridView> 
</asp:Content> 
           
        

Page.aspx.cs

 
protected void Button1_Click(object sender, EventArgs e) 
{ 
    Response.Redirect("~/Customer.aspx?cusID= " + dxgdSearch.GetRowValues(dxgdSearch.FocusedRowIndex, "Customer_ID")); 
}

iPhone 4

If you are a iPhone lover then your next dream is in stores.

Apple had released iPhone 4 with many improvements.

Go and have look into it at Apple.

Thursday, June 10, 2010

Unable to start debugging on the web server

Recently a set of developers who are working in one of my projects started getting an error while trying to debug the web application under development using ASP.Net. The targeted framework was .Net 4.0 and they were using Visual Studio 2010 in 64bit machines. The problem was whenever they tried to run/debug the application they gets an error saying unable to start debugging on the web server even though there are no compile errors as shown below.

It gave an error HTTP Error 500.21 - Internal Server Error Handler "PageHandlerFactory-Integrated" has a bad module "ManagedPipelineHandler" in its module list when ran direct from IIS. The error page is shown below.

Later I found the reason for this is ASP.Net 4 was not properly installed on the machine. To fix this get an administrative privileged command prompt.

Then type in the following,

aspnet_regiis -ir

You can find the aspnet_regiis.exe at the folder,

[Windows Dir]\Microsoft.NET\Framework64\v4.0.xxxxx

for example,

C:\Windows\Microsoft.NET\Framework64\v4.0.30319

This will register ASP.Net 4.0 in your machine, the -ir option will keep the existing applications unchanged. If you want them to be changed to use the new version use -i instead -ir.

When the installer ends type iisreset to restart the IIS service.

Now your applications will work fine without any complains.