Arjuna

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.

Saturday, June 05, 2010

Enable Hibernation and Sleep in Windows Server 2008 R2

Normally when you install Hyper-V role in your server, it will disable sleep and hibernate facilities provided by Windows.

But you can avoid this by doing some alterations to Windows.

Hibernate and seep features are disabled when the Hyper-V service is started, so you can regain hibernate and sleep by changing the start parameter of the Hyper-V service (hvboot).

To change,

1. Open the registry editor by typing “regedit” in the run window.

Locate the key,

HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\hvboot and then set the start value of it to 3.

Start property can hold the following values.

0	Boot (Not supported by hvboot.)
1	System
2	Auto
3	On Demand
4	Disabled

Now you will have the hibernate and sleep facilities until you start the Hyper-V services in your machine.

2. Type the following command in a command prompt window with administrative rights.

sc config hvboot start= demand

Note that there needs to be a space between the = sign and the word demand.

Enabling Hibernate in Windows

Some server versions of Windows are having the hibernate feature disabled by default. So if you need to change the hibernation do the following simple steps.

1. Click start and type “cmd” or type command in the search box.

2. Then in the search results, right click the Command Prompt and click on Run as Administrator.

3. If you are prompted by the user account control click continue.

4. Then,

To turn hibernation on in your machine type -

“powercfg.exe /h on” or “powercfg.exe /hibernate on”

To turn hibernation off in your machine type -

“powercfg.exe /h off” or “powercfg.exe /hibernate off”

5. Lastly you can exit the command prompt by typing “exit”.

Sometimes you might get an error similar to the following while trying to enable hibernation.

Hibernation failed with the following error: The request is not supported.

The following items are preventing hibernation on this system.
An internal system component has disabled hibernation.

This means your machine is running roles or services that are disabling hibernation feature. One such a role is Hyper-V. If your version of Windows 2008 is running Hyper-V then you cannot enable hibernation. This is not an error but is deliberately done since hibernating a server running virtual machines is a very complicated and rarely requiring service in an enterprise server.

But there is a way to enable hibernation on a Hyper-V installed machine, which you will be able to find in my next article.