Tech Treasure

Set Full Image Path in FCK Editor

chiragrdarji — Fri, 09 Oct 2009 07:39:54 +0000

We have used FCK editor as an HTML editor for our recent project. It is one the best and easy to integrate HTML editor available free. When I test the editor on local server and it works fine. However when we add image using FCK editor the image path is relative to tour webpage. So if you have created an email template using FCK editor and you sends email to your customers they will not able see the image.

Fig – (1) Relative Image path in FCK editor

We need to use full image path in FCK editor to display the image. You can change SetUrl function at following place to set full image path in FCK editor. You can find SetUrl function in fck_image.js fule at “FckEditor\editor\dialog\fck_image”. Below is the original function,

function SetUrl( url, width, height, alt ){    if ( sActualBrowser == 'Link' )    {        GetE('txtLnkUrl').value = url ;        UpdatePreview() ;    }    else    {        GetE('txtUrl').value = url ;        GetE('txtWidth').value = width ? width : '' ;        GetE('txtHeight').value = height ? height : '' ;         if ( alt )            GetE('txtAlt').value = alt;         UpdatePreview() ;        UpdateOriginal( true ) ;    }     dialog.SetSelectedTab( 'Info' ) ;}

Fig – (2) SetUrl function of FCK Editor

Change GetE(‘txtUrl’).value = url, first line in else condition to GetE(‘txtUrl’).value = “http://www.xyz.com” + url. See the changed line below,

GetE('txtUrl').value = 'http://www.xyz.com' + url ;

Fig – (3) Changed function.

Save fck_image.js file and now check the image path. FCK editor will take full image path instead of relative.

Fig – (4) Full Image Path in FCK Editor

Set Full path for Flash File

Same way you have to change fck_flash.js file at FckEditor\editor\dialog\fck_flash folder to set fill flash path in FCK Editor.

Happy Programming !!!

AJAX UpdatePanel and UpdateProgress to show please wait

chiragrdarji — Thu, 20 Aug 2009 20:03:03 +0000

While refreshing the AJAX skill today I wrote a simple code to display please wait message while asynchronous postback. I added one Update Panel, one Update Progress panel and a button control and registered button as Asynchronous Postback Trigger control. I assign my UpdatePanel’s id as AssociatedUpdatePanelID to UpdateProgress panel. I ran the code found that Progress panel is not displayed while async postback, strange !!!! Then I remember few basic points regarding Update Panel and Update Progress which is available on MSDN and found that If we set AssociatedUpdatePanelID to Update Progress panel then we must have to button as inside Update Panel if register button as Async Postback trigger then it will not work. Below is the points (that MSDN Suggests) needs to remember while using UpdateProgress,

The AssociatedUpdatePanelID property has the following effect on UpdateProgress control behavior,

When the AssociatedUpdatePanelID property is not set, the UpdateProgress control is displayed for the following postbacks:

Postbacks that originate from inside any UpdatePanel control.
Postbacks that originate from controls that are asynchronous triggers for any UpdatePanel control.

When the AssociatedUpdatePanelID property is set to an UpdatePanel control ID, the UpdateProgress control is displayed for postbacks that originate from inside the associated UpdatePanel control.

If the AssociatedUpdatePanelID property is set to a control that does not exist, the UpdateProgress control will never be shown.

You must provide client script to display an UpdateProgress control when a target UpdatePanel control is updated in the following circumstances

When a postback from a control is registered as an asynchronous postback trigger for the panel, and there is an UpdateProgress control on the page. However, the AssociatedUpdatePanelID property is not set to the panel’s ID.
When postbacks from controls are registered as asynchronous postback controls by using the RegisterAsyncPostBackControl method of the ScriptManager control.

Happy Programming!!!!

Context.RewritePath and Images

chiragrdarji — Wed, 19 Aug 2009 19:32:23 +0000

I was reading articles on URL Rewriting in ASP.NET and I found the most common way suggested is to use Context.RewritePath either in global.asax file or in HttpHandler with Application_BeginRequest method. The most common found code is Context.RewritePath(NewURL). When you the application you find it works like a charm and yes it does so!!!!.

However sometime Images and CSS are not displayed on page when we use Context.RewritePath. Let me be more specific if you have a hierarchy as shown below,

Fig – (1) Website structure

Now if you have used images on Default2.aspx and also have css for controls. We have redirected user to Default2.aspx page using Context.RewritePath path when there is no specific file available physically. So here if we write the URL http://localhost:3030/Example1/Test.aspx then we are redirected to Default.aspx page and images will be displayed properly. However id you type URL http://localhost:3030/Example1/Products/Test.aspx then we are redirected to Default.aspx page however images will not be displayed.

Even if you have assign ImageURL using “~/Images/Image1.jpg” you find that images will not be displayed. The image path will always taken as relative path with the URL mentioned in address bar. So in first case the virtual path of image becomes Example1/Images/Image1.jpg while in second case the virtual path of image becomes Example1/Products/Images/Image1.jpg. So in second case images and css will not displayed with Context.RewritePath.

To solve this use second argument with Context.RewritePath so the function will be Context.RewritePath(NewURL,false) and everything will work fine. if second argument is true reset the virtual path else the virtual path will not be changed. As we want virtual path to be unchanged we have to pass false in second argument.

Pleas read this article for more detail.

Happy Programming !!!!

How to detect page is loaded

chiragrdarji — Wed, 12 Aug 2009 18:59:31 +0000

Sometime we need to find when the page is loaded or page is completely loaded before specific java script function is called. As we all know if try to access DOM element using document.getElementBtId() before page is loaded or page is completely loaded we get error. So to prevent the error we can user following java script to detect page is loaded?

   1: var body = document.getElementsByTagName('BODY')[0];

2:

   3: if (body && body.readyState == 'loaded') {

   4:     AfterLoad();

   5: } else {

   6:     if (window.addEventListener) {

   7:         window.addEventListener('load', AfterLoad, false);

   8:     } else {

   9:     window.attachEvent('onload', AfterLoad);

  10:     }

  11: }

  12: function AfterLoad() {

  13:     alert("page loaded !!!");

  14: }

Fig (1) – Detect Page is loaded !!

Happy Programming !!!

How to set multiple default button in ASP.NET

chiragrdarji — Tue, 11 Aug 2009 09:55:28 +0000

In my previous post I mentioned the one way to set default button in ASP.NET. There are few other methods also. One of them is to use asp panel and set its DefaultButton property. When we need to set multiple default buttons on single page we can do it by using asp panels. Lets consider that you have login control and search control on same page. User must be redirect to proper page while he press enter on search and login control. Lets look at following code,

"pnlSearch" DefaultButton="btnSearch" runat="server">
    "50%" cellpadding="0" cellspacing="0">                                                        

                Search :
            
                "txtSerach" runat="server">
            
"2">
                "btnSearch" runat="server" Text="Search" OnClick="btnSearch_Click" />

Fig – (1) Default Button with asp panel in ASP.NET

You can add multiple asp panel and set default button for each panel. I found this as the easiest way to set multiple default button in asp.net.

Lets look at how default button works. First step is to observe the rendered HTML,

"pnlSearch" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'btnSearch')">

    "50%" cellpadding="0" cellspacing="0">        
            
            
            
        
    



                Search :
            

                "txtSerach" type="text" id="txtSerach" />
            
"2">
                "submit" name="btnSearch" value="Search" id="btnSearch" />

Fig – (2) HTML code for Default Button with asp panel in ASP.NET

ASP panel is rendered as DIV. You may have observer that onkeypress event is added to DIV, onkeypress events calles WebForm_FireDefaultButton(event, ‘btnSearch’) function. ASP.NET automatically includes WebForm_FireDefaultButton function when default button property is set. WebForm_FireDefaultButton takes button’s ClientID as one of the argument and second argument is event. As Click is the default event of button, button click event will be fired on post back.

Now take a look at WebForm_FireDefaultButton function,

function WebForm_FireDefaultButton(event, target) {
    if (event.keyCode == 13) {
        var src = event.srcElement || event.target;
        if (!src || (src.tagName.toLowerCase() != "textarea")) {
            var defaultButton;
            if (__nonMSDOMBrowser) {
               defaultButton = document.getElementById(target);
            }
            else {
                defaultButton = document.all[target];
            }
            if (defaultButton && typeof(defaultButton.click) != "undefined") {
                defaultButton.click();
                event.cancelBubble = true;
                if (event.stopPropagation) event.stopPropagation();
                return false;
            }
        }
    }
    return true;
}

Fig (3) – WebForm_FireDefaultButton function included with default button

When user press the enter key while the focus is set to any control within DIV it calls WebForm_FireDefaultButton function.

Few interesting articles you may like to read,

http://scottonwriting.net/sowblog/posts/13698.aspx

http://weblogs.asp.net/rternier/archive/2007/10/17/updatepanel-firefox-and-the-defaultbutton.aspx

http://forums.asp.net/t/1409941.aspx

Happy Programming !!!

Maintain Viewstate for Dynamic controls across the postback

chiragrdarji — Wed, 20 May 2009 09:11:18 +0000

Most of us have faced the case when we have to load the controls dynamically. We can load user control by calling LoadControl method. To load inbuilt server controls we can use Page.Form.Controls.Add() method or we can user any container like panel or place holder and call Controls.Add() method. Upto this it looks very easy and works fine. However at first postback you either find the control is not loaded or the viewstate is not preserved for that control.

Lets take an example, we have a user control with only one textbox inside it and a web for which have two buttons LoadControl and Submit. When user clicks on LoadControl button we will load the user control and on Submit button we just submit the form so that postback occurs.

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucTestControl.ascx.cs"
     Inherits="ucTestControl" %>
"txtName" runat="server">

Fig – (1) User control with only a textbox.

   1: <%@ Page Language="C#" AutoEventWireup="true"

   2: CodeFile="LoadUserConrtolDynamically.aspx.cs"

   3:     Inherits="LoadUserConrtolDynamically" %>

4:

   5: "-//W3C//DTD XHTML 1.0 Transitional//EN"

   6: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

   7: "http://www.w3.org/1999/xhtml">

   8: "server">

   9:     Dynamically Load User Control

10:

11:

  12:     "form1" runat="server">

13:

  14:           15:             
  16:                 
  19:             
  20:             
  21:                 
  24:                 
  27:             
  28:             
  29:                 
  32:             
  33:         
            

"2">
  17:                     Click on "Load Control" button to load user control dynamically.
  18:                 



  22:                     "btnLoad" runat="server" Text="Load Control" OnClick="btnLoad_Click" />
  23:                 

  25:                     "btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" />
  26:                 


"2">
  30:                     Enter Name:
  31:

34:

35:

36:

37:

Fig – (2) Webform with two buttons.

protected void btnSubmit_Click(object sender, EventArgs e)
{
    
}
 
protected void btnLoad_Click(object sender, EventArgs e)
{
    AddUserControl();
}
 
private void AddUserControl()
{
    UserControl ucTest = (UserControl)LoadControl("~/ucTestControl.ascx");
    Page.Form.Controls.Add(ucTest);
    IsControlAdded = true;
}

Fig – (3) Code behind for Webform

As you can see we are calling LoadControl() method to load our user control. Now when you click on submit button and you find that the control disappears. WHY? The reason is as we have loaded the control the page’s control tree does not have its detail so we need to load the control again with each postback. So first rule for lading dynamic control is,

RULE 1 : Load the Dynamic control in each postback

So in our example we also need to add the control with each postback. However we need to check that whether the control is loaded before postback or not. To check this I have created one property as shown in code below,

public bool IsControlAdded
{
    get
    {
        if (ViewState["IsControlAdded"] == null)
            ViewState["IsControlAdded"] = false;
 
        return (bool)ViewState["IsControlAdded"];
 
    }
    set
    {
        ViewState["IsControlAdded"] = value;
    }
}
 
protected void Page_Load(object sender, EventArgs e)
{
    if(IsControlAdded)
        AddUserControl();
}
 
protected void btnSubmit_Click(object sender, EventArgs e)
{        
}
 
protected void btnLoad_Click(object sender, EventArgs e)
{
    if(!IsControlAdded)
        AddUserControl();
}
 
private void AddUserControl()
{
    UserControl ucTest = (UserControl)LoadControl("~/ucTestControl.ascx");
    Page.Form.Controls.Add(ucTest);
    IsControlAdded = true;
}

Fig – (4) loading dynamic control with each postback.

You may have notice the code the code for lading user control,

   1: UserControl ucTest = (UserControl)LoadControl("~/ucTestControl.ascx");
   2: Page.Form.Controls.Add(ucTest);

Fig – (5) Code for loading User control Dynamically

You may also write this two line code in single line as shown below,

   1: Page.Form.Controls.Add(LoadControl("~/ucTestControl.ascx"));

Fig – (6) Code for loading Dynamic Control

If you use this code to load user control dynamically than sometime you find an interesting issue. The viewstate is not maintained for dynamically loaded control !!!!!! The viewstate requires the controls ID to store the viewstate properly. So always use code shown in Fig – (4) to load user control dynamically.

RULE 2 : Always load the Dynamic control by assigning it to one temporary variable so that it has unique id.

One more common mistake is we write Page.Controls.Add() to add the control. This will leads to “Control ‘ControlName’ of type ‘ControlType’ must be placed inside a form tag with runat=server” error.

Now we have to find how the viewstate is maintained for dynamically loaded user control. I will suggest you to read this article first. When we add any control dynamically it play “catch-up” with the page life cycle once they are added. Once the control is added to the “Controls" collection, it plays “catch-up” with the page life cycle, and all the events that it missed are fired. This leads to a very important conclusion: you can add dynamic controls at any time during the page life cycle until the “PreRender" event. Even when you add the dynamic control in the “PreRender" event, once the control is added to the “Controls" collection, the “Init", “LoadViewState", “LoadPostbackdata", “Load", and “SaveViewstate" are fired for this control.

We have seen how to load user controls dynamically now we will see how to load inbuilt server controls. The process is same however we don’t have to use LoadControl method, we can directly use Controls.Add() method as shown below,

TextBox tempText = new TextBox();
tempText.ID = LstTextBoxId.Count.ToString();
// pnlTextBox is asp:Panel
pnlTextBox.Controls.Add(tempText);

Fig – (7) Load server controls at runtime and maintaining viewstate

Here we have added server controls and user controls dynamically using regular way. You can load user controls / server control dynamically using AJAX also. Below is the code where I have displayed loading controls using AJAX and normal way.

<%@ Page Language="C#" AutoEventWireup="true"

CodeFile="LoadUserConrtolDynamically.aspx.cs"

    Inherits="LoadUserConrtolDynamically" %>

"-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

"http://www.w3.org/1999/xhtml">

"server">

    Dynamically Load User Control

    "form1" runat="server">

        "ScriptManager1" runat="server">

                    
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
            
            
                
                
            
            
                
            
        


"2">
                    Click on "Add Textbox" button to add texbox dynamically.
                



                    "btnAddTextBox" runat="server" Text="Add Textbox" OnClick="btnAddTextBox_Click" />
                


"2">
                    "pnlTextBox" runat="server">
                    
                


"2">
                    "lblTest" runat="server">
                


"2">
                    

                


"2">
                    Click on "Add Textbox using Ajax" button to add texbox dynamically with Ajax.
                



                    "upnlLOadControl" runat="server">
                        
                            "btnAddTextBoxAjax" runat="server" Text="Add Textbox using Ajax" OnClick="btnAddTextBoxAjax_Click" />
                            "pnlAjaxTextbox" runat="server">
                            
                        
                    
                


"2">
                    

                


"2">
                    Click on "Load Control" button to load user control dynamically.
                



                    "btnLoad" runat="server" Text="Load Control" OnClick="btnLoad_Click" />
                

                    "btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" />
                


"2">
                    Enter Name:

Fig – (8) code for aspx page.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
 
public partial class LoadUserConrtolDynamically : System.Web.UI.Page
{
    public bool IsControlAdded
    {
        get
        {
            if (ViewState["IsControlAdded"] == null)
                ViewState["IsControlAdded"] = false;
 
            return (bool)ViewState["IsControlAdded"];
 
        }
        set
        {
            ViewState["IsControlAdded"] = value;
        }
    }
 
    public List LstTextBoxId
    {
        get
        {
            if (ViewState["LstTextBoxId"] == null)
                ViewState["LstTextBoxId"] = new List();
 
            return (List)ViewState["LstTextBoxId"];
 
        }
        set
        {
            ViewState["LstTextBoxId"] = value;
        }
    }
 
    public List LstAjaxTextBoxId
    {
        get
        {
            if (ViewState["LstAjaxTextBoxId"] == null)
                ViewState["LstAjaxTextBoxId"] = new List();
 
            return (List)ViewState["LstAjaxTextBoxId"];
 
        }
        set
        {
            ViewState["LstAjaxTextBoxId"] = value;
        }
    }
 
    protected void Page_Load(object sender, EventArgs e)
    {
        if(IsControlAdded)
            AddUserControl();
 
        if (LstTextBoxId.Count > 0)
            AddTextBoxes(pnlTextBox, LstTextBoxId);
 
        if (LstAjaxTextBoxId.Count > 0)
            AddTextBoxes(pnlAjaxTextbox, LstAjaxTextBoxId);
    }
 
    protected void btnSubmit_Click(object sender, EventArgs e)
    {        
    }
 
    protected void btnLoad_Click(object sender, EventArgs e)
    {
        if(!IsControlAdded)
            AddUserControl();
    }
 
    private void AddUserControl()
    {
        UserControl ucTest = (UserControl)LoadControl("~/ucTestControl.ascx");
        Page.Form.Controls.Add(ucTest);
        IsControlAdded = true;
    }
 
    private void AddTextBoxes(Panel pnlTemp,List lstTemp)
    {
        TextBox tempText;
        for (int i = 0; i < lstTemp.Count; i++)
        {
            tempText = new TextBox();
            tempText.ID = lstTemp[i];
            pnlTemp.Controls.Add(tempText);
        }
    }
 
    protected void btnAddTextBox_Click(object sender, EventArgs e)
    { 
        TextBox tempText = new TextBox();
        tempText.ID = LstTextBoxId.Count.ToString();
        pnlTextBox.Controls.Add(tempText);
        LstTextBoxId.Add(LstTextBoxId.Count.ToString());
    }
 
    protected void btnAddTextBoxAjax_Click(object sender, EventArgs e)
    {
        TextBox tempText = new TextBox();
        tempText.ID = Guid.NewGuid().ToString();
        pnlAjaxTextbox.Controls.Add(tempText);
        LstAjaxTextBoxId.Add(tempText.ID);
    }
}

Fig – (9) Code for aspx.cs page

<%@ Control Language="C#" AutoEventWireup="true" 
CodeFile="ucTestControl.ascx.cs" Inherits="ucTestControl" %>
"txtName" runat="server">

Fig – (10) Code for user control

Happy Programming !!!

Could not load file or assembly Microsoft.SqlServer.Management.Sdk.Sfc

chiragrdarji — Thu, 14 May 2009 06:19:58 +0000

You may receive “Could not load file or assembly Microsoft.SqlServer.Management.Sdk.Sfc” while connection to database. I got the error when I tried to connect to SQL Server 2005 from Visual studio 2008 using server explorer. The exact error is,

Could not load file or assembly ‘Microsoft.SqlServer.Management.Sdk.Sfc, Version=10.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91′ or one of its dependencies. The system cannot find the file specified.

To solve this error you need to download following three updates from Microsoft.

Microsoft SQL Server System CLR Types
Microsoft SQL Server 2008 Management Objects
Microsoft SQL Server 2008 Native Client

I found the solution form here. Thanks to Ahmed !!!

The current build operation (build key Build Key[Microsoft.Practices.EnterpriseLibrary.Data.Database, null]) failed: The value can not be null or an empty string. (Strategy type ConfiguredObjectStrategy, index 2)

chiragrdarji — Wed, 07 Jan 2009 12:37:05 +0000

You may find this error while working with Data Application block in enterprise library. When you look into the inner exception you will find the message “The value can not be null or an empty string.”. This message does not give proper information to user.

When enterprise library does not find default database than it will show this error. You need to add “defaultDatabase” in web.config file to solve this error.


              
      
    
        "" providerName="System.Data.SqlClient"  name="ConnectionStr"/>    
    
  "ConnectionStr" />

Fig – (1) Add DataConfiguration section to web.config file to avoid error

When you add tag to web.config file you may get “Unrecognized configuration section dataConfiguration” error. Add “dataConfiguration” section in Configuration section to solve “Unrecognized configuration section dataConfiguration” error.

   1: "dataConfiguration" 
   2: type="Microsoft.Practices.EnterpriseLibrary.Data.Configuration.DatabaseSettings, Microsoft.Practices.EnterpriseLibrary.Data, Version=4.1.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />

Fig – (2) Solution of Unrecognized configuration section dataConfiguration error

Happy Programming!!!

An error occurred creating the configuration section, ‘Microsoft.Practices.EnterpriseLibrary,The located assembly’s manifest definition does not match the assembly reference

chiragrdarji — Mon, 05 Jan 2009 11:34:13 +0000

Today I was exploring Enterprise Library 4.1 and encounter this error. I created a sample application and added reference to few DLL from “EntLib41Src\bin” folder to my application. When I hit F5 to run the application I got following error,

“An error occurred creating the configuration section handler for exceptionHandling: Could not load file or assembly ‘Microsoft.Practices.EnterpriseLibrary.ExceptionHandling, Version=4.1.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35′ or one of its dependencies. The located assembly’s manifest definition does not match the assembly reference. (Exception from HRESULT: 0×80131040)“

While searching for the reason I found a link here. According to this link assemblies in “EntLib41Src\bin” folders are not strong name assemblies. So when you run the application you will encounter error as shown above. While “Program Files\Microsoft Enterprise Library 4.1 – October 2008\Bin” folder contains strong name assemblies. You have to add reference from “Program Files\Microsoft Enterprise Library 4.1 – October 2008\Bin” folder in your application.

Happy Programming !!!

Distributed Caching Framework "Velocity" from MS

chiragrdarji — Wed, 24 Dec 2008 11:54:33 +0000

“Velocity” a caching framework introduced by Microsoft for distributed caching in ASP.NET. When you use “Velocity,” you can retrieve data by using keys or other identifiers, named “tags.” “Velocity” supports optimistic and pessimistic concurrency models, high availability, and a variety of cache configurations. “Velocity” includes an ASP.NET session provider object that enables you to store ASP.NET session objects in the distributed cache without having to write to databases, which increases the performance and scalability of ASP.NET applications.

Key Features of “Velocity”

Caches any serializable CLR object and provides access through simple cache APIs.
Supports enterprise scale: tens to hundreds of computers.
Configurable to run as a service accessed over the network or run embedded with the application.
Supports common cache configurations.
Supports dynamic scaling by adding new nodes.
Configurable number of backup copies to provide high availability.
Automatic load balancing.
Integration with administration and monitoring tools such as ETW, System Center, etc.
Provides tight integration with ASP.NET to be able to cache ASP.NET session data in the cache without having to write it to source databases. It can also be used as a cache for application data to be able to cache application data across the entire Web farm.
Follows the cache-aside architecture (also known as Explicit Caching) for V1. That is, you must decide explicitly which objects to put/remove in your applications and “Velocity” does not synchronize with any source database automatically.
Support for multiple client languages (for example, PHP, C#, C++, etc.).

For more detail visit here.