Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
1.3K+ views
I want to remove cell padding space in the telerik grid coloumn
Galin
Telerik team
 answered on 04 May 2011
1 answer
236 views
Hi Guys, 

I have a problem Im hoping you can help me with.  

I have a RadGrid, with a RadFilter on it.  The RadFilter button is an ItemCommand on the RadGrid.  I have since put another ItemCommand on to call a RadWindow to display my insert record aspx page.  

However I cant seem to get the ItemCommand to link to the Call Function

Here is the ASPX Code
<CommandItemTemplate>
                    <telerik:RadToolBar runat="server" ID="RadToolBar1" OnButtonClick="RadToolBar1_ButtonClick Skin="WebBlue">
                        <Items>
                            <telerik:RadToolBarButton Text="Apply filter" CommandName="FilterRadGrid"
                            ImageUrl="~/Images/Refresh.gif"/>
                            <telerik:RadToolBarButton Text="Add new" CommandName="xInsert"
                            ImageUrl="~/Images/AddRecord.gif" />                 
                             
                        </Items>
                    </telerik:RadToolBar>
                     
                </CommandItemTemplate>


Here is my VB Code
Protected Sub RadGrid1_ItemCommand(ByVal source As Object, ByVal e As GridCommandEventArgs)
        If e.CommandName = "FilterRadGrid" Then
            RadFilter1.FireApplyCommand()
        Else
            If e.CommandName = "xInsert" Then
                Dim newWindow As New Telerik.Web.UI.RadWindow()
                newWindow.ID = "InsertWindow"
                newWindow.NavigateUrl = "~/XDW/EditPalletQty.aspx"
                newWindow.VisibleOnPageLoad = True
                RadWindowManager1.Windows.Add(newWindow)
 
 
            End If
 
        End If
    End Sub

The filter works great however I cant seem to get the RadGrid to fire.  I have also tried calling the client side javascript from the VB code however that didnt fire either.

Any help is appriciated.

Cheers
Joel
Iana Tsolova
Telerik team
 answered on 04 May 2011
1 answer
111 views
Hi,
i am using radfilter for my crystalreport. Now i am not using fieldeditor & listview (it is set display : none becz no need for me) in it , all expression i am adding with sqldatasorce.

(like below)
<%@ Register Assembly="CrystalDecisions.Web, Version=10.5.3700.0, Culture=neutral, PublicKeyToken=692fbea5521e1304"
    Namespace="CrystalDecisions.Web" TagPrefix="CR" %>
<%@ Register Assembly="Telerik.Web.UI, Version=2010.2.929.35, Culture=neutral, PublicKeyToken="5689dfr78165798545"
    Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>



<telerik:RadFilter ID="RadFilter3" runat="server"  
            FilterContainerID="RadListView2"  ExpressionPreviewPosition="Bottom"    onapplyexpressions="RadFilter3_ApplyExpressions" 
        CssClass="RadComboBox_Default" onitemcommand="RadFilter3_ItemCommand"    >

 <telerik:RadListView ID="RadListView2" DataSourceID="ChargeSelection" Width="100%"
                    PageSize="6" AllowPaging="True" runat="server">
                    
                      <ItemTemplate >
                        <div class="rlvA" style="height: 120px; width: 270px; margin-top: 5px; margin-left: 2px;
                            margin-bottom: 20px; padding-left: 10px; border-style: none; display:none; ">
                            <fieldset style="height: 100%">
                                <table>
                                    <tr>
                                        <td>
                                            <strong>OrderID:</strong>
                                            <asp:Label ID="OrderIDLabel" runat="server" />
                                            <br />
                                            <strong>Order date:</strong>
                                            <asp:Label ID="OrderDateLabel" runat="server" />
                                            <br />
                                            <strong>Ship city:</strong>
                                            <asp:Label ID="ShipCityLabel" runat="server" />
                                            <br />
                                            <strong>Ship country:</strong>
                                            <asp:Label ID="ShipCountryLabel" runat="server" />
                                            <br />
                                            <strong>Ship name:</strong>
                                            <asp:Label ID="ShipNameLabel" runat="server" />
                                            <br />
                                        </td>
                                        <td>
                                            <img src="Img/ordertracking.gif" alt="" />
                                        </td>
                                    </tr>
                                </table>
                            </fieldset>
                        </div>
                    </ItemTemplate>
                   
                </telerik:RadListView>

<asp:SqlDataSource ID="ChargeSelection" ConnectionString="<%$ ConnectionStrings:PMNotesString %>"
    ProviderName="System.Data.SqlClient" SelectCommand="SELECT CPTCode,ChargeId,Date1,Account# FROM View_1"
    runat="server" ></asp:SqlDataSource>

 (see attach file)
Now when i select on add expression like  " Date1 - equals to - 3/21/2011 12:00 AM"  from radfilter.  In this expression you can see that date will be selected using calendar pop up & there is also time view pop up. So my problem is that i want to disable time view pop up becz no need for me &  also change date formate using calender pop up like  YYYY-MM-dd  (2011-03-21)  . Is it possible with RadFilter??? . If it is than please let me know how it could be possible??

Thank you
Ronak
Iana Tsolova
Telerik team
 answered on 04 May 2011
2 answers
93 views
Hi!

I have a strange behaviour in my web site. I load your radEditor via jquery/wcf (markup as below).

            <telerik:RadEditor ID="bindHtml" runat="server" 
                Height="400px" 
                EnableViewState="false" 
                AllowScripts="true"
                ClientIdMode="Static"
                RegisterWithScriptManager="false" />

In Chrome and IE this works fine. in FireFox I can´t change i design mode. Html mode works but not design. Any thoughts? /David
Dobromir
Telerik team
 answered on 04 May 2011
1 answer
75 views

Posted 21 hours ago (permalink)

Hey,

I have a problem where my RadioButton is changing back to a CheckBox in the RadGrid after a Button_Click.

The datasource is done programatically.

Column(0) of the datasource is a Boolean

So when the grid renders it would usually display a checkbox for Column(0).

At the ItemDataBound event I am removing the CheckBox and replacing it with a RadioButton.

This all works great with some javascript making sure only one RadioButton is selected at a time.

However when I try to retrieve the selected row on a Button_Click event the grid rebinds to the datasource and i loose the radiobuttons?

Is there a way to prevent any further binding after I have put my radio buttons?

Any help would be greatly appreciated.
Radoslav
Telerik team
 answered on 04 May 2011
12 answers
258 views
which row i click that row name go to top of second asp:textbox




using System;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using Telerik.Web.UI;
using System.Data.SqlClient;
using System.Configuration;
using TBSDataLayer;

namespace TBS_HelpDesk.Views.Assets
{
    public partial class NewModels : System.Web.UI.Page
    {
        public static string Manuf_ID;
        private SqlDataAdapter sqladp;
        private SqlCommand sqlcmd;
        private DataTable dtTable;

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                Manuf_ID = "0";
            }
        }

        protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
        {
            AssetModel oAssetModel = new AssetModel();
            RadGrid1.DataSource = oAssetModel.fetchAssetManufacturer();
        }

        protected void RadGrid2_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
        {
            AssetModel oAssetModel = new AssetModel();
            RadGrid2.DataSource = oAssetModel.fetchAssetModel(Manuf_ID);
        }

        protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)
        {
            dtTable = new DataTable();
            sqladp = new SqlDataAdapter();
            sqlcmd = new SqlCommand();
            Manufacturers oManufacturers = new Manufacturers();

            if (e.CommandName == RadGrid.PerformInsertCommandName)
            {

                if (e.Item is GridEditFormItem)
                {
                    GridEditFormInsertItem insertedItem = (GridEditFormInsertItem)e.Item;
                    TextBox Manuf_Name = (e.Item as GridEditFormInsertItem)["Manuf_Name"].Controls[0] as TextBox;
                    TextBox Manuf_Description = (e.Item as GridEditFormInsertItem)["Manuf_Description"].Controls[0] as TextBox;
                    CheckBox Manuf_Inactive = (e.Item as GridEditFormInsertItem)["Manuf_Inactive"].Controls[0] as CheckBox;

                    //GridEditFormItem item = (GridEditFormItem)e.Item;
                    //TextBox Manuf_Name = (TextBox)item.FindControl("Manuf_Name");
                    //TextBox Manuf_Description = (TextBox)item.FindControl("Manuf_Description");
                    //CheckBox Manuf_Inactive = (CheckBox)item.FindControl("Manuf_Inactive");
                    // newly changed

                    oManufacturers.Manuf_Name = Manuf_Name.Text;
                    oManufacturers.Manuf_Description = Manuf_Description.Text;
                    oManufacturers.Manuf_Inactive = Manuf_Inactive.Checked;

                    try
                    {
                        RadGrid1.DataSource = oManufacturers.AddManufacturers(oManufacturers.Manuf_Name, oManufacturers.Manuf_Description, oManufacturers.Manuf_Inactive);
                    }
                    catch (Exception ex)
                    {
                        RadGrid1.Controls.Add(new LiteralControl("Unable to insert Employee. Reason: " + ex.Message));
                    }
                    RadGrid1.MasterTableView.IsItemInserted = false;
                    RadGrid1.DataBind();
                    e.Canceled = true;
                }
                //GridEditFormInsertItem insertedItem = (GridEditFormInsertItem)e.Item;
                //TextBox Manuf_Name = (e.Item as GridEditFormInsertItem)["Manuf_Name"].Controls[0] as TextBox;
                //TextBox Manuf_Description = (e.Item as GridEditFormInsertItem)["Manuf_Description"].Controls[0] as TextBox;
                //CheckBox Manuf_Inactive = (e.Item as GridEditFormInsertItem)["Manuf_Inactive"].Controls[0] as CheckBox;

            }
            else if (e.CommandName == RadGrid.UpdateCommandName)
            {
                GridEditableItem editedItem = e.Item as GridEditableItem;

                if (e.Item is GridEditFormItem)
                {
                    GridEditFormItem item = (GridEditFormItem)e.Item;
                    TextBox Manuf_ID = (e.Item as GridEditableItem)["Manuf_ID"].Controls[0] as TextBox;
                    TextBox Manuf_Name = (e.Item as GridEditableItem)["Manuf_Name"].Controls[0] as TextBox;
                    TextBox Manuf_Description = (e.Item as GridEditableItem)["Manuf_Description"].Controls[0] as TextBox;
                    CheckBox Manuf_Inactive = (e.Item as GridEditableItem)["Manuf_Inactive"].Controls[0] as CheckBox;

                    //GridEditFormItem item = (GridEditFormItem)e.Item;
                    //TextBox Manuf_ID = (TextBox)item.FindControl("Manuf_ID");
                    //TextBox Manuf_Name = (TextBox)item.FindControl("Manuf_Name");
                    //TextBox Manuf_Description = (TextBox)item.FindControl("Manuf_Description");
                    //CheckBox Manuf_Inactive = (CheckBox)item.FindControl("Manuf_Inactive");

                    oManufacturers.Manuf_ID = Convert.ToInt32(Manuf_ID.Text);
                    oManufacturers.Manuf_Name = Manuf_Name.Text;
                    oManufacturers.Manuf_Description = Manuf_Description.Text;
                    oManufacturers.Manuf_Inactive = Manuf_Inactive.Checked;

                    try
                    {
                        RadGrid1.DataSource = oManufacturers.ModManufacturers(oManufacturers.Manuf_ID, oManufacturers.Manuf_Name, oManufacturers.Manuf_Description, oManufacturers.Manuf_Inactive);
                    }
                    catch (Exception ex)
                    {
                        RadGrid1.Controls.Add(new LiteralControl("Unable to update Employee. Reason: " + ex.Message));

                    }
                    RadGrid1.EditIndexes.Clear();
                    RadGrid1.DataBind();
                    e.Canceled = true;

                }
                //RadNumericTextBox Manuf_ID = (e.Item as GridEditableItem)["Manuf_ID"].Controls[0] as RadNumericTextBox;
                //TextBox Manuf_Name = (e.Item as GridEditableItem)["Manuf_Name"].Controls[0] as TextBox;
                //TextBox Manuf_Description = (e.Item as GridEditableItem)["Manuf_Description"].Controls[0] as TextBox;
                //CheckBox Manuf_Inactive = (e.Item as GridEditableItem)["Manuf_Inactive"].Controls[0] as CheckBox;


            }
            else if (e.CommandName == RadGrid.DeleteCommandName)
            {
                GridDataItem item = (GridDataItem)e.Item;
                Int32 Manuf_ID = Convert.ToInt32(item["Manuf_ID"].Text);

                try
                {
                    RadGrid1.DataSource = oManufacturers.DelManufacturers(Manuf_ID);

                }
                catch (Exception ex)
                {
                    RadGrid1.Controls.Add(new LiteralControl("Unable to delete Id. Reason: " + ex.Message));
                    e.Canceled = true;
                }

            }
            else if (e.CommandName == "RowClick")
            {
                GridDataItem item = (GridDataItem)e.Item;
                Manuf_ID = item["Manuf_ID"].Text;
                string Manuf_Name = item["Manuf_Name"].Text;
                ModelText.Text = "Model For " + item["Manuf_Name"].Text;
                RadGrid2.DataSource = null;
                RadGrid2.Rebind();
                ModelText.Text = "Model For " + Manuf_Name;
                //e.Row.Cells[1].ForeColor = System.Drawing.Color.Red;
            }
        }

        protected void RadGrid2_ItemCommand(object sender, GridCommandEventArgs e)
        {

            dtTable = new DataTable();
            sqladp = new SqlDataAdapter();
            sqlcmd = new SqlCommand();
            AssetModel oAssetModel = new AssetModel();

            if (e.CommandName == RadGrid.PerformInsertCommandName)
            {
                GridEditFormInsertItem insertedItem = (GridEditFormInsertItem)e.Item;

                RadNumericTextBox Model_ID = (e.Item as GridEditFormInsertItem)["Model_ID"].Controls[0] as RadNumericTextBox;
                TextBox Model_Name = (e.Item as GridEditFormInsertItem)["Model_Name"].Controls[0] as TextBox;
                TextBox Model_Description = (e.Item as GridEditFormInsertItem)["Model_Description"].Controls[0] as TextBox;
                oAssetModel.Model_Manuf_ID = Convert.ToInt16(Manuf_ID);
                oAssetModel.Model_Name = Model_Name.Text;
                oAssetModel.Model_Description = Model_Description.Text;

                try
                {
                    RadGrid2.DataSource = oAssetModel.AddAssetModel(oAssetModel.Model_Manuf_ID, oAssetModel.Model_Name, oAssetModel.Model_Description);
                }
                catch (Exception ex)
                {
                    RadGrid2.Controls.Add(new LiteralControl("Unable to insert Employee. Reason: " + ex.Message));
                }
                RadGrid2.MasterTableView.IsItemInserted = false;
                RadGrid2.DataBind();
                e.Canceled = true;
            }

            else if (e.CommandName == RadGrid.UpdateCommandName)
            {
                GridEditableItem editedItem = e.Item as GridEditableItem;

                RadNumericTextBox Model_ID = (e.Item as GridEditableItem)["Model_ID"].Controls[0] as RadNumericTextBox;
                TextBox Model_Name = (e.Item as GridEditableItem)["Model_Name"].Controls[0] as TextBox;
                TextBox Model_Description = (e.Item as GridEditableItem)["Model_Description"].Controls[0] as TextBox;

                oAssetModel.Model_Manuf_ID = Convert.ToInt16(Manuf_ID);
                oAssetModel.Model_ID = Convert.ToInt16(Model_ID.Text);
                oAssetModel.Model_Name = Model_Name.Text;
                oAssetModel.Model_Description = Model_Description.Text;

                try
                {
                    RadGrid2.DataSource = oAssetModel.ModAssetModel(oAssetModel.Model_Manuf_ID, oAssetModel.Model_ID, oAssetModel.Model_Name, oAssetModel.Model_Description);
                }
                catch (Exception ex)
                {
                    RadGrid2.Controls.Add(new LiteralControl("Unable to update Employee. Reason: " + ex.Message));

                }
                RadGrid2.EditIndexes.Clear();
                RadGrid2.DataBind();
                e.Canceled = true;

            }

            else if (e.CommandName == RadGrid.DeleteCommandName)
            {

                GridDataItem item = (GridDataItem)e.Item;
                oAssetModel.Model_Manuf_ID = Convert.ToInt16(Manuf_ID);
                Int32 Model_ID = Convert.ToInt16(item["Model_ID"].Text);


                try
                {
                    RadGrid2.DataSource = oAssetModel.DelAssetModel(oAssetModel.Model_Manuf_ID, Model_ID);
                }
                catch (Exception ex)
                {
                    RadGrid2.Controls.Add(new LiteralControl("Unable to delete Id. Reason: " + ex.Message));
                    e.Canceled = true;
                }

            }
        }

        protected void RadToolBar1_ButtonClick(object sender, RadToolBarEventArgs e)
        {

        }
        protected void RadToolBar2_ButtonClick(object sender, RadToolBarEventArgs e)
        {

        }

    }
}



Thanks
Mohamed
mohamed
Top achievements
Rank 1
 answered on 04 May 2011
3 answers
237 views
Hello,

I am using TextBox and ComboBox controls.

But i have observed the Empty text for both the controls looks different.

How to set the same style for both the controls ?

Also, How to reset and show Empty message string in the combobox ?  Its urgent.

For example:
A textbox have "EmptyMessageStyle-Font-Bold" property but combobox dont have it.
Dimitar Terziev
Telerik team
 answered on 04 May 2011
8 answers
235 views
I was evaluating the RadScheduler control using the Solution example that is provide it by the installer, and i found a error during the navigation of days or months or even creating a new appointment
"Sys.WebForm.PageRequestManagerParserErrorException: The message received from the server could not be parsed. Common causes for this error are when httpmodules or server is trace is enabled.Details:Error parsing Telerik.web.ui.2007".

i appreciate if someone help me to solve this


Regards
Veronica
Telerik team
 answered on 04 May 2011
1 answer
165 views
I am having a problem when the ajaxmanger is set to my panel control my css formating gets messed up.
I have set UpdatePanelsRenderMode=inline but that does help.

You can see this in action at   http://simplyfundraising.ageektech.com/
username test123
pass test#123

Click on the Campaigns menu button and you will see the grid flash to the right of the tree menu then
move down to the bottom and partial css is lost. The treeview losses css and the grid should be to the
right of the treeview.  If I remove all controls from the ajaxmanager the
Public Class Main
    Inherits System.Web.UI.Page
 
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
 
        'Load default control
        If Not IsPostBack Then
            LoadUserControl("~/webapplication/member/DashBoard.ascx")
        End If
    End Sub
 
    Protected Sub RadMenu1_ItemClick(sender As Object, e As Telerik.Web.UI.RadMenuEventArgs) Handles RadMenu1.ItemClick
        Me.Panel1.Controls.Clear()
        If e.Item.Text = "Campaigns" Then
            LoadUserControl("~/webapplication/admin/CampaignList.ascx")
        ElseIf e.Item.Text = "Contributors" Then
            LoadUserControl("~/webapplication/member/ContributorList.ascx")
        ElseIf e.Item.Text = "Employees" Then
            LoadUserControl("~/webapplication/admin/EmployeeList.ascx")
        ElseIf e.Item.Text = "Events" Then
            LoadUserControl("~/webapplication/member/EventList.ascx")
        ElseIf e.Item.Text = "Tasks" Then
            LoadUserControl("~/webapplication/member/TaskList.ascx")
        ElseIf e.Item.Text = "Donations" Then
            LoadUserControl("~/webapplication/member/DontationList.ascx")
        End If
 
    End Sub
    Public Sub LoadUserControl(ByVal controlName As String)
 
        Dim userControl As UserControl = CType(Me.LoadControl(controlName), UserControl)
        Me.Panel1.Controls.Add(userControl)
 
    End Sub
End Class
css layout renders correctly. Panel1 is my target control
I am using loadcontrol on Panel1 to load ascx RadGrid controls

Thank you.

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Main.aspx.vb" Inherits="SimplyFundraisingWeb2.Main" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head id="Head1" runat="server">
    <title></title>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="css/style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="css/style.ie7.css" type="text/css" media="screen" /><![endif]-->
 </head>
<body>
    <form id="form2" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <%--Needed for JavaScript IntelliSense in VS2010--%>
            <%--For VS2008 replace RadScriptManager with ScriptManager--%>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <telerik:RadCodeBlock ID="rcb1" runat="server">
        <script src="<%=ResolveClientUrl("~/webapplication/js/utils.js")%>" type="text/javascript"></script>
          <script src="<%=ResolveClientUrl("~/webapplication/js/script.js")%>" type="text/javascript"></script>
     </telerik:RadCodeBlock>
    <telerik:RadAjaxManager ID="RadAjaxManager1"  runat="server" UpdatePanelsRenderMode="Inline" >
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Panel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadComboBox1">
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadMenu1" >
                <UpdatedControls>
                   <telerik:AjaxUpdatedControl ControlID="Panel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadTreeView1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Panel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <div id="art-main">
        <div class="art-header">
            <div class="art-header-clip">
                <div class="art-header-center">
                    <div class="art-header-png">
                    </div>
                    <div class="art-header-jpeg">
                    </div>
                </div>
            </div>
            <div class="art-header-wrapper">
                <div class="logininfo">
                    <asp:Label ID="lbltoday" runat="server" Text="Label"></asp:Label>
                       |    Howdy,
                    <asp:LoginName ID="LoginName1" runat="server" />
                       |   
                    <asp:LoginStatus Style="color: orange" ID="LoginStatus1" runat="server" />
                       |   
                    <asp:HyperLink Style="color: orange" ID="lnkTotalRegisteredUsers" NavigateUrl="~/admin/users-a-z.aspx?az=%"
                        runat="server" ToolTip="The total number of registered users">
                        Registered:<asp:Label Style="color: orange" runat="server" ID="lblTotalUsers" />
                    </asp:HyperLink>   |    <asp:HyperLink Style="color: orange" ID="lnkTotalUsersOnline" NavigateUrl="~/admin/online-users.aspx"
                        runat="server" ToolTip="The number of users currently visiting the site">
                        Online:<asp:Label runat="server" ID="lblOnlineUsers" />
                    </asp:HyperLink>   |    <asp:HyperLink Style="color: yellow" ID="lnkUserAdministration" NavigateUrl="~/admin/default.aspx"
                        runat="server" ToolTip="User Administration page">
                        User Administration<asp:Label runat="server" ID="Label1" />
                    </asp:HyperLink></div><div class="art-header-inner">
                    <div class="art-headerobject">
                    </div>
                    <div class="art-logo">
                        <h1 class="art-logo-name">
                            <a href="DashBoard.aspx"><a href="DashBoard.aspx"> Simply Fundrasing</a></h1><h2 class="art-logo-text">
                                Helping you meet your goal</h2></div></div></div></div><div class="cleared reset-box">
        </div>
        <div class="art-nav">
            <div class="art-nav-l">
            </div>
            <div class="art-nav-r">
            </div>
            <div class="art-nav-outer">
                <div class="campaign">
                    <telerik:RadComboBox ID="RadComboBox1" runat="server" DataSourceID="dsCampaigns"
                        DataTextField="Name" DataValueField="ID">
                    </telerik:RadComboBox>
                    Choose Campaign: </div><div class="art-nav-wrapper">
                    <div class="art-nav-inner">
                        <telerik:RadMenu ID="RadMenu1" runat="server" Style="top: 8px; left: 20px">
                            <Items>
                                <telerik:RadMenuItem runat="server" Text="Campaigns">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem runat="server" Text="Contributors">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem runat="server" Text="Donations">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem runat="server" Text="Employees">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem runat="server" Text="Events">
                                </telerik:RadMenuItem>
                                <telerik:RadMenuItem runat="server" Text="Tasks">
                                </telerik:RadMenuItem>
                            </Items>
                        </telerik:RadMenu>
                    </div>
                </div>
            </div>
        </div>
        <div class="cleared reset-box">
        </div>
        <div class="art-sheet">
            <div class="art-sheet-tl">
            </div>
            <div class="art-sheet-tr">
            </div>
            <div class="art-sheet-bl">
            </div>
            <div class="art-sheet-br">
            </div>
            <div class="art-sheet-tc">
            </div>
            <div class="art-sheet-bc">
            </div>
            <div class="art-sheet-cl">
            </div>
            <div class="art-sheet-cr">
            </div>
            <div class="art-sheet-cc">
            </div>
            <div class="art-sheet-body">
                <div class="art-content-layout">
                    <div class="art-content-layout-row">
                        <div class="art-layout-cell art-sidebar1">
                            <div class="art-block">
                                <div class="art-block-body">
                                    <div class="art-blockheader">
                                        <div class="l">
                                        </div>
                                        <div class="r">
                                        </div>
                                        <h3 class="t">
                                            Dashboard Menu </h3></div><div class="art-blockcontent">
                                        <div class="art-blockcontent-tl">
                                        </div>
                                        <div class="art-blockcontent-tr">
                                        </div>
                                        <div class="art-blockcontent-bl">
                                        </div>
                                        <div class="art-blockcontent-br">
                                        </div>
                                        <div class="art-blockcontent-tc">
                                        </div>
                                        <div class="art-blockcontent-bc">
                                        </div>
                                        <div class="art-blockcontent-cl">
                                        </div>
                                        <div class="art-blockcontent-cr">
                                        </div>
                                        <div class="art-blockcontent-cc">
                                        </div>
                                        <div class="art-blockcontent-body">
                                            <telerik:RadTreeView ID="RadTreeView1" runat="server" ShowLineImages="false" ExpandDelay="0"
                                                OnClientNodeClicking="onNodeClicking">
                                                <Nodes>
                                                    <telerik:RadTreeNode runat="server" Text="My Dashboard" NavigateUrl="DashBoard.aspx">
                                                        <Nodes>
                                                            <telerik:RadTreeNode runat="server" Text="Assigned Calls">
                                                            </telerik:RadTreeNode>
                                                            <telerik:RadTreeNode runat="server" Text="Pending Tasks">
                                                            </telerik:RadTreeNode>
                                                            <telerik:RadTreeNode runat="server" Text="UnPaid Pledges">
                                                            </telerik:RadTreeNode>
                                                            <telerik:RadTreeNode runat="server" Text="Upcoming Events">
                                                            </telerik:RadTreeNode>
                                                        </Nodes>
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Campaign">
                                                        <Nodes>
                                                            <telerik:RadTreeNode runat="server" Text="Add Contributor">
                                                            </telerik:RadTreeNode>
                                                            <telerik:RadTreeNode runat="server" Text="Add Donation">
                                                            </telerik:RadTreeNode>
                                                            <telerik:RadTreeNode runat="server" Text="Add Task">
                                                            </telerik:RadTreeNode>
                                                            <telerik:RadTreeNode runat="server" Text="Add Event">
                                                            </telerik:RadTreeNode>
                                                        </Nodes>
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Global">
                                                        <Nodes>
                                                            <telerik:RadTreeNode runat="server" Text="Add Campaign">
                                                            </telerik:RadTreeNode>
                                                            <telerik:RadTreeNode runat="server" Text="Add Employee">
                                                            </telerik:RadTreeNode>
                                                            <telerik:RadTreeNode runat="server" Text="View Campaigns">
                                                            </telerik:RadTreeNode>
                                                            <telerik:RadTreeNode runat="server" Text="View Employees">
                                                            </telerik:RadTreeNode>
                                                        </Nodes>
                                                    </telerik:RadTreeNode>
                                                    <telerik:RadTreeNode runat="server" Text="Reports">
                                                    </telerik:RadTreeNode>
                                                </Nodes>
                                            </telerik:RadTreeView>
                                   
                                            <div class="cleared">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cleared">
                                    </div>
                                </div>
                            </div>
                            <div class="cleared">
                            </div>
                        </div>
                        <div class="art-layout-cell art-content">
                                            <asp:Panel ID="Panel1" runat="server">
                                            </asp:Panel>
                                                                        
                                         
                            <div class="art-post">
                                <div class="art-post-body">
                                    <div class="art-post-inner art-article">
                                        <div class="art-postcontent">                   
                                        </div>
                                        <div class="cleared">
                                        </div>
                                    </div>
                                    <div class="cleared">
                                    </div>
                                </div>
                            </div>
                            <div class="cleared">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cleared">
                </div>
                <div class="art-footer">
                    <div class="art-footer-t">
                    </div>
                    <div class="art-footer-l">
                    </div>
                    <div class="art-footer-b">
                    </div>
                    <div class="art-footer-r">
                    </div>
                    <div class="art-footer-body">
                        <div class="art-footer-text">
                            <p>
                                <a href="#">
                            Link1ooter-r">t-footer-r">
                    </div>
                    <div class="art-footer-body">
                        <div class="art-footer-text">
                            <p>
                                <a href="#">
                            Link1ooter-r"></div>
                        <div class="art-footer-body">
                            <div class="art-footer-text">
                                <p>
                                    <a href="#">Link1</a> | <a href="#">Link2</a> | <a href="#">Link3</a></p>
                                <p>
                                    Copyright © 2011. All Rights Reserved.</p>
                            </div>
                            <div class="cleared">
                            </div>
                        </div>
                    </div>
                    <div class="cleared">
                    </div>
                </div>
            </div>
            <div class="cleared">
            </div>
            <p class="art-page-footer">
                <a href="http://www.artisteer.com/?p=website_templates">Website Template</a> created
                with Artisteer.</p>
        </div>
    </div>
    <asp:SqlDataSource ID="dsCampaigns" runat="server" ConnectionString="<%$ ConnectionStrings:CharitableContributionsConnectionString %>"
        SelectCommand="SELECT [Name], [ID] FROM [Campaigns]"></asp:SqlDataSource>
    </form>
</body>
</html>

/* begin Page */
/* Created by Artisteer v3.0.0.38499 */
 
#art-main, table
{
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    text-align: justify;
}
 
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
    margin: 0;
    padding: 0;
}
 
.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}
 
.art-postcontent p
{
    margin: 12px 0;
}
 
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
  font-family: "Comic Sans MS", Tahoma, Arial, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  text-decoration: none;
}
 
.art-postcontent a
{
  text-decoration: underline;
  color: #295C89;
}
 
.art-postcontent a:link
{
  text-decoration: underline;
  color: #295C89;
}
 
.art-postcontent a:visited, .art-postcontent a.visited
{
  text-decoration: none;
  color: #A79E44;
}
 
.art-postcontent  a:hover, .art-postcontent a.hover
{
  text-decoration: none;
  color: #F6AA7E;
}
 
.art-postcontent h1
{
   color: #7F7834;
margin: 0px 0;   
}
 
.art-blockcontent h1
{
margin: 0px 0;
}
 
.art-postcontent h2
{
   color: #7F7834;
margin: 0px 0;
   font-size: 28px;   
}
 
.art-blockcontent h2
{
margin: 0px 0;
   font-size: 28px;
}
 
.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited
{
   font-size: 28px;
}
 
.art-postcontent h3
{
   color: #A79E44;
margin: 0px 0;
   font-size: 18px;   
}
 
.art-blockcontent h3
{
margin: 18px 0;
   font-size: 18px;
}
 
.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited
{
   font-size: 18px;
}
 
.art-postcontent h4
{
   color: #3A3718;
margin: 0px 0;
   font-size: 16px;   
}
 
.art-blockcontent h4
{
margin: 0px 0;
   font-size: 16px;
}
 
.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited
{
   font-size: 16px;
}
 
.art-postcontent h5
{
   color: #3A3718;
margin: 0px 0;
   font-size: 14px;   
}
 
.art-blockcontent h5
{
margin: 23px 0;
   font-size: 14px;
}
 
.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited
{
   font-size: 14px;
}
 
.art-postcontent h6
{
   color: #534F22;
margin: 0px 0;
   font-size: 12px;   
}
 
.art-blockcontent h6
{
margin: 28px 0;
   font-size: 12px;
}
 
.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited
{
   font-size: 12px;
}
 
ul
{
  list-style-type: none;
}
 
ol
{
  list-style-position: inside;
}
 
html
{
    height:100%;
}
 
#art-main
{
  display: inline-block;
  position: relative;
  z-index: 0;
  width: 100%;
  left: 0;
  top: 0;
  cursor:default;
  overflow:visible;
}
 
body
{
  padding: 0;
  margin:0;
  color: #3A3718;
  height:100%;
  min-height:100%;
  background-color: #FDFEFF;
  background-image: url('../../webapplication/images/Bottom_texture.jpg');
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-position: top left;
  min-width: 1000px;
}
 
.cleared
{
  display:block;
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 0;
  height:0;
  overflow:hidden;
}
 
.reset-box
{
  overflow:hidden;
  display:table;
}
 
form
{
  padding: 0 !important;
  margin: 0 !important;
}
 
table.position
{
  position: relative;
  width: 100%;
  table-layout: fixed;
}
/* end Page */
 
/* begin Header */
div.art-header
{
  margin: 0 auto;
  position: relative;
  z-index: -1;
  width:1000px;
  height: 130px;
  margin-top: 0;
  margin-bottom: -5px;
}
 
div.art-header-clip
{
  position: absolute;
  width:100%;
  left:0;
  overflow:hidden;
  height:130px;
}
 
.art-header-wrapper
{
    position: relative;
    width:1000px;
    margin:0 auto;
}
.art-header-inner
{
    margin: 0 8px;
}
 
div.art-header-center
{
    position: relative;
    width: 1000px;
    left:50%;
}
 
div.art-header-png
{
  position: absolute;
  left:-50%;
  top: 0;
  width: 1000px;
  height: 130px;
  background-image: url('../../webapplication/images/header.png');
  background-repeat: no-repeat;
  background-position:center center;
}
 
div.art-header-jpeg
{
  position: absolute;
  top: 0;
  left:-50%;
  width: 1000px;
  height: 130px;
  background-image: url('../../webapplication/images/header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}
/* end Header */
 
/* begin HeaderObject */
div.art-headerobject
{
  display: block;
  left: 100%;
  margin-left: -210px;
  position: absolute;
  top: 0;
  width: 205px;
  height: 130px;
  background-image: url('../../webapplication/images/header-object.png');
}
/* end HeaderObject */
 
/* begin Logo */
div.art-logo
{
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  margin-left: 0;
}
 
h1.art-logo-name
{
  display: block;
  text-align: left;
  font-variant: small-caps;
  font-size: 35px;
  padding: 0;
  margin: 0;
  color: #000000 !important;
}
h1.art-logo-name a,
h1.art-logo-name a:link,
h1.art-logo-name a:visited,
h1.art-logo-name a:hover
{
  font-variant: small-caps;
  font-size: 35px;
  padding: 0;
  margin: 0;
  color: #000000 !important;
}
 
h2.art-logo-text
{
  display: block;
  text-align: left;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 19px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  color: #000000 !important;
}
h2.art-logo-text a,
h2.art-logo-text a:link,
h2.art-logo-text a:visited,
h2.art-logo-text a:hover
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 19px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  color: #000000 !important;
}
 
#headline, #slogan
{
    display: block;
    min-width: 150px;
    text-align: left;
}
/* end Logo */
 
/* begin Menu */
/* menu structure */
 
.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
    outline: none;
}
 
.art-hmenu, .art-hmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}
 
.art-hmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background: none;
}
 
.art-hmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}
 
.art-hmenu li li
{
  float: none;
}
 
.art-hmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: none;
  min-height: 0;
  background-image: url('../../webapplication/images/spacer.gif');
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}
 
.art-hmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}
 
.art-hmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}
 
.art-hmenu:after, .art-hmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.art-hmenu{
  min-height: 0;
  position:relative;
  padding: 9px 13px 9px 13px;
}
 
.art-hmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}
 
/* menu structure */
 
.art-nav
{
  position: relative;
  width:1000px;
  margin:0 auto;
  min-height: 47px;
  z-index: 100;
    margin-top: 5px;
    margin-bottom: -5px;
}
 
.art-nav-outer
{
    position:absolute;
    width:100%;
}
 
.art-nav-wrapper
{
    position: relative;
    width:1000px;
    margin:0 auto;
        top: 8px;
        left: -5px;
}
.art-nav-inner
{
    margin: 0 0px;
 
}
 
.art-nav-l, .art-nav-r
{
  position: absolute;
  z-index: -1;
  top: 0;
  height: 100%;
  background-image: url('../../webapplication/images/nav.png');
}
 
.art-nav-l
{
  left: 0;
  right: 23px;
}
 
.art-nav-r
{
  right: 0;
  width: 1000px;
  clip: rect(auto, auto, auto, 977px);
}
 
/* end Menu */
 
/* begin MenuItem */
.art-hmenu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 29px;
  cursor: pointer;
  font-weight: bold;
  font-size: 11px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}
 
.art-hmenu ul li
{
    margin:0;
    clear: both;
}
 
.art-hmenu a .r, .art-hmenu a .l
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 97px;
  background-image: url('../../webapplication/images/menuitem.png');
}
 
.art-hmenu a .l
{
  left: 0;
  right: 4px;
}
 
.art-hmenu a .r
{
  width: 408px;
  right: 0;
  clip: rect(auto, auto, auto, 404px);
}
 
.art-hmenu a .t, .art-hmenu ul a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
  font-weight: bold;
  font-size: 11px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}
 
.art-hmenu a .t
{
  color: #16324B;
  padding: 0 14px;
  margin: 0 4px;
  line-height: 29px;
  text-align: center;
}
 
.art-hmenu a:hover .l, .art-hmenu a:hover .r
{
  top: -34px;
}
 
.art-hmenu li:hover>a .l, .art-hmenu li:hover>a .r
{
  top: -34px;
}
 
.art-hmenu li:hover a .l, .art-hmenu li:hover a .r
{
  top: -34px;
}
.art-hmenu a:hover .t
{
  color: #282610;
}
 
.art-hmenu li:hover a .t
{
  color: #282610;
}
 
.art-hmenu li:hover>a .t
{
  color: #282610;
}
 
/* end MenuItem */
 
/* begin MenuSeparator */
.art-hmenu .art-hmenu-li-separator
{
  display: block;
  width: 5px;
  height:29px;
}
.art-nav .art-hmenu-separator
{
  display: block;
  margin:0 auto;
  width: 1px;
  height: 29px;
  background-image: url('../../webapplication/images/menuseparator.png');
}
/* end MenuSeparator */
 
/* begin MenuSubItem */
.art-hmenu ul a
{
  display: block;
  white-space: nowrap;
  height: 26px;
  width: 180px;
  overflow: hidden;
  background-image: url('../../webapplication/images/subitem.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-width: 1px;
  border-style: solid;
  border-color: #D0CA8B;
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 26px;
  color: #16324B;
  margin:0;
  padding:0;
}
 
.art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}
 
.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active, .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 26px;
  color: #16324B;
  margin:0;
  padding:0;
}
 
.art-hmenu ul li a:hover
{
  color: #121107;
  border-color: #D0CA8B;
  background-position: 0 -26px;
}
 
.art-hmenu ul li:hover>a
{
  color: #121107;
  border-color: #D0CA8B;
  background-position: 0 -26px;
}
 
.art-nav .art-hmenu ul li a:hover span, .art-nav .art-hmenu ul li a:hover span span
{
  color: #121107;
}
 
.art-nav .art-hmenu ul li:hover>a span, .art-nav .art-hmenu ul li:hover>a span span
{
  color: #121107;
}
 
/* end MenuSubItem */
 
/* begin Box, Sheet */
.art-sheet
{
  position: relative;
  margin: 0 auto;
  min-width: 61px;
  min-height: 61px;
  margin-top: 5px;
  margin-bottom: -5px;
  cursor:auto;
  width: 1000px;
}
 
.art-sheet-body
{
  position: relative;
  padding: 8px;
    padding-top:8px;
    padding-bottom:8px;
}
 
.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc,.art-sheet-cr, .art-sheet-cl
{
  position: absolute;
}
 
.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl
{
  width: 80px;
  height: 80px;
  background-image: url('../../webapplication/images/sheet_s.png');
}
 
.art-sheet-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 40px, 40px, auto);
}
 
.art-sheet-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 40px, 40px);
}
 
.art-sheet-bl
{
  bottom: 0;
  left: 0;
  clip: rect(40px, 40px, auto, auto);
}
 
.art-sheet-br
{
  bottom: 0;
  right: 0;
  clip: rect(40px, auto, auto, 40px);
}
 
.art-sheet-tc, .art-sheet-bc
{
  left: 40px;
  right: 40px;
  height: 80px;
  background-image: url('../../webapplication/images/sheet_h.png');
}
 
.art-sheet-tc
{
  top: 0;
  clip: rect(auto, auto, 40px, auto);
}
 
.art-sheet-bc
{
  bottom: 0;
  clip: rect(40px, auto, auto, auto);
}
 
.art-sheet-cr, .art-sheet-cl
{
  top: 40px;
  bottom: 40px;
  width: 80px;
  background-image: url('../../webapplication/images/sheet_v.png');
}
 
.art-sheet-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 40px);
}
 
.art-sheet-cl
{
  left: 0;
  clip: rect(auto, 40px, auto, auto);
}
 
.art-sheet-cc
{
  position: absolute;
  top: 40px;
  left: 40px;
  right: 40px;
  bottom: 40px;
  background-color: #FFFFFF;
}
 
#art-page-background-top-texture, #art-page-background-middle-texture, #art-page-background-glare
{
  min-width: 1000px;
}
 
/* end Box, Sheet */
 
/* begin Layout */
.art-content-layout
{
  display: table;
  position:relative;
  margin: 0 auto;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  border: none !important;
  padding:0 !important;
  width:100%;
  margin-top:0;
  margin-bottom:0;
}
.art-layout-cell, .art-content-layout-row
{
  background-color: Transparent;
  vertical-align: top;
  text-align: left;
  border: none;
  margin:0;
  padding:0;
}
 
.art-content-layout .art-content-layout{width: auto;margin:0;}
.art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell{display: table-cell;}
.art-layout-cell .art-layout-cell{display: block;}
.art-content-layout-row {display: table-row;}
.art-layout-glare{position:relative;}/* end Layout */
 
/* begin Box, Block */
.art-block
{
  position: relative;
  top: 10px;
  margin: 0;
}
 
.art-block-body
{
  position: relative;
  padding: 0;
}
 
div.art-block img
{
/* WARNING do NOT collapse this to 'border' - inheritance! */
    border-color: #C4BD6E;
  border-style: solid;
  margin: 10px;
}
 
/* end Box, Block */
 
/* begin BlockHeader */
.art-blockheader
{
  margin-bottom: 0;
  position: relative;
  height: 25px;
}
 
.art-blockheader h3.t
{
  position: relative;
  height: 25px;
  color: #102537;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-variant: small-caps;
  font-size: 13px;
  margin:0;
  padding: 0px 0px 0 40px;
  white-space: nowrap;
  line-height: 25px;
}
 
.art-blockheader h3.t a,
.art-blockheader h3.t a:link,
.art-blockheader h3.t a:visited,
.art-blockheader h3.t a:hover
{
  color: #102537;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-variant: small-caps;
  font-size: 13px;
}
 
.art-blockheader .l, .art-blockheader .r
{
  position: absolute;
  height: 25px;
  background-image: url('../../webapplication/images/blockheader.png');
}
 
.art-blockheader .l
{
  left: 0;
  right: 25px;
}
 
.art-blockheader .r
{
  width: 984px;
  right: 0;
  clip: rect(auto, auto, auto, 959px);
}
 
/* end BlockHeader */
 
/* begin Box, BlockContent */
.art-blockcontent
{
  position: relative;
  margin: 0 auto;
  min-width: 23px;
  min-height: 23px;
}
 
.art-blockcontent-body
{
  position: relative;
  padding: 9px;
  color: #3A3718;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
}
 
.art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl, .art-blockcontent-tc, .art-blockcontent-bc,.art-blockcontent-cr, .art-blockcontent-cl
{
  position: absolute;
}
 
.art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl
{
  width: 22px;
  height: 22px;
  background-image: url('../../webapplication/images/blockcontent_s.png');
}
 
.art-blockcontent-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 11px, 11px, auto);
}
 
.art-blockcontent-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 11px, 11px);
}
 
.art-blockcontent-bl
{
  bottom: 0;
  left: 0;
  clip: rect(11px, 11px, auto, auto);
}
 
.art-blockcontent-br
{
  bottom: 0;
  right: 0;
  clip: rect(11px, auto, auto, 11px);
}
 
.art-blockcontent-tc, .art-blockcontent-bc
{
  left: 11px;
  right: 11px;
  height: 22px;
  background-image: url('../../webapplication/images/blockcontent_h.png');
}
 
.art-blockcontent-tc
{
  top: 0;
  clip: rect(auto, auto, 11px, auto);
}
 
.art-blockcontent-bc
{
  bottom: 0;
  clip: rect(11px, auto, auto, auto);
}
 
.art-blockcontent-cr, .art-blockcontent-cl
{
  top: 11px;
  bottom: 11px;
  width: 22px;
  background-image: url('../../webapplication/images/blockcontent_v.png');
}
 
.art-blockcontent-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 11px);
}
 
.art-blockcontent-cl
{
  left: 0;
  clip: rect(auto, 11px, auto, auto);
}
 
.art-blockcontent-cc
{
  position: absolute;
  top: 11px;
  left: 11px;
  right: 11px;
  bottom: 11px;
  background-image: url('../../webapplication/images/blockcontent_c.png');
}
 
.art-blockcontent-body table,
.art-blockcontent-body li,
.art-blockcontent-body a,
.art-blockcontent-body a:link,
.art-blockcontent-body a:visited,
.art-blockcontent-body a:hover
{
  color: #3A3718;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
}
 
.art-blockcontent-body p
{
  margin: 6px 0;
}
 
.art-blockcontent-body a, .art-blockcontent-body a:link
{
  color: #367AB5;
  text-decoration: none;
}
 
.art-blockcontent-body a:visited, .art-blockcontent-body a.visited
{
  color: #C1B967;
  text-decoration: none;
}
 
.art-blockcontent-body a:hover, .art-blockcontent-body a.hover
{
  color: #5A98CE;
  text-decoration: underline;
}
 
.art-blockcontent-body ul li
{
  line-height: 125%;   
  color: #1D1C0C;
  padding: 0 0 0 13px;
  background-image: url('../../webapplication/images/blockcontentbullets.png');
  background-repeat: no-repeat;
}/* end Box, BlockContent */
 
/* begin Button */
.art-button-wrapper a.art-button,
.art-button-wrapper a.art-button:link,
.art-button-wrapper input.art-button,
.art-button-wrapper button.art-button
{
  text-decoration: none;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  position:relative;
  top:0;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  color: #282610 !important;
  width: auto;
  outline: none;
  border: none;
  background: none;
  line-height: 29px;
  height: 29px;
  margin: 0 !important;
  padding: 0 14px !important;
  overflow: visible;
  cursor: pointer;
}
 
.art-button img, .art-button-wrapper img
{
  margin: 0;
  vertical-align: middle;
}
 
.art-button-wrapper
{
  vertical-align: middle;
  display: inline-block;
  position: relative;
  height: 29px;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  margin: 0;
  padding: 0;
  z-index: 0;
}
 
.firefox2 .art-button-wrapper
{
  display: block;
  float: left;
}
 
input, select, textarea
{
  vertical-align: middle;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
}
 
.art-block select
{
    width:96%;
}
 
.art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover
{
  color: #FBD9C6 !important;
  text-decoration: none !important;
}
 
.art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link
{
  color: #E9E6C9 !important;
}
 
.art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r
{
  display: block;
  position: absolute;
  height: 97px;
  margin: 0;
  padding: 0;
  background-image: url('../../webapplication/images/button.png');
}
 
.art-button-wrapper .art-button-l
{
  left: 0;
  right: 5px;
}
 
.art-button-wrapper .art-button-r
{
  width: 403px;
  right: 0;
  clip: rect(auto, auto, auto, 398px);
}
 
.art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r
{
  top: -34px;
}
 
.art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r
{
  top: -68px;
}
 
.art-button-wrapper input
{
  float: none !important;
}
/* end Button */
 
/* begin Box, Post */
.art-post
{
  position: relative;
  margin: 5px;
}
 
.art-post-body
{
  position: relative;
  padding: 0px;
}
 
a img
{
  border: 0;
}
 
.art-article img, img.art-article, .art-block img, .art-footer img
{
  border: solid 1px #C4BD6E;
  margin: 5px;
}
 
.art-metadata-icons img
{
  border: none;
  vertical-align: middle;
  margin: 2px;
}
 
.art-article table, table.art-article
{
  border-collapse: collapse;
  margin: 1px;
}
 
.art-article th, .art-article td
{
  padding: 2px;
  border: solid 1px #C4BD6E;
  vertical-align: top;
  text-align: left;
}
 
.art-article th
{
  text-align: center;
  vertical-align: middle;
  padding: 7px;
}
 
pre
{
  overflow: auto;
  padding: 0.1em;
}
 
/* end Box, Post */
 
/* begin PostHeaderIcon */
h2.art-postheader
{
  color: #5B5625;
  margin: 6px 0;
  font-size: 28px;
  text-align: center;
}
 
h2.art-postheader a,
h2.art-postheader a:link,
h2.art-postheader a:visited,
h2.art-postheader a.visited,
h2.art-postheader a:hover,
h2.art-postheader a.hovered
{
  font-size: 28px;
  text-align: center;
}
 
h2.art-postheader a, h2.art-postheader a:link
{
  text-align: left;
  text-decoration: none;
  color: #6EA4D4;
}
 
h2.art-postheader a:visited, h2.art-postheader a.visited
{
  color: #B5AC4A;
}
 
h2.art-postheader a:hover,  h2.art-postheader a.hovered
{
  color: #5A98CE;
}
 
/* end PostHeaderIcon */
 
/* begin PostIcons, PostHeaderIcons */
.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  text-align: center;
  color: #777231;
}
 
.art-postheadericons
{
  padding: 1px;
}
 
.art-postheadericons a, .art-postheadericons a:link
{
  font-style: italic;
  text-decoration: none;
  color: #282610;
}
 
.art-postheadericons a:visited, .art-postheadericons a.visited
{
  color: #7F7834;
}
 
.art-postheadericons a:hover, .art-postheadericons a.hover
{
  text-decoration: underline;
  color: #5A98CE;
}
/* end PostIcons, PostHeaderIcons */
 
/* begin PostContent */
.art-postcontent
{
  display:inline;
}
/* end PostContent */
 
/* begin PostBullets */
.art-post ol, .art-post ul
{
  margin: 1em 0 1em 2em;
  padding: 0;
}
 
.art-post li
{
  font-size: 12px;
  color: #5B5625;
  padding: 0 0 0 14px;
}
 
.art-post li ol, .art-post li ul
{
  margin: 0.5em 0 0.5em 2em;
  padding: 0;
}
 
.art-post ol>li
{
  background: none;
  padding-left: 0;
  /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}
 
.art-post ul>li
{
  background-image: url('../../webapplication/images/postbullets.png');
  background-repeat: no-repeat;
  padding-left: 14px;
  /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
  overflow-y: hidden;
}
 
/* end PostBullets */
 
/* begin PostQuote */
.art-postcontent blockquote,
.art-postcontent blockquote a,
.art-postcontent blockquote a:link,
.art-postcontent blockquote a:visited,
.art-postcontent blockquote a:hover
{
  color: #180A02;
}
 
.art-postcontent blockquote p
{
   margin: 0px 0 0px 0px;
}
 
.art-postcontent blockquote
{
   border: solid 1px #D0CA8B;
  margin: 0px 0px 0px 0px;
  padding: 0 0 0 0px;
  background-color: #DCD7A8;
  background-image: url('../../webapplication/images/postquote.png');
  background-position: left top;
  background-repeat: no-repeat;
  /* makes blockquote not to align behind the image if they are in the same line */
  overflow: auto;
  clear:both;
}
 
/* end PostQuote */
 
/* begin PostMetadata, PostMetadataFooter */
.art-postmetadatafooter
{
  overflow:hidden;
  padding: 1px;
  background-image: url('../../webapplication/images/postmetadatafooter_bg.png');
  border-color: #D0CA8B;
  border-style: solid;
  border-width: 0;
}
/* end PostMetadata, PostMetadataFooter */
 
/* begin PostIcons, PostFooterIcons */
.art-postfootericons,
.art-postfootericons a,
.art-postfootericons a:link,
.art-postfootericons a:visited,
.art-postfootericons a:hover
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  text-align: center;
  color: #777231;
}
 
.art-postfootericons
{
  padding: 1px;
}
 
.art-postfootericons a, .art-postfootericons a:link
{
  font-style: italic;
  text-decoration: none;
  color: #24220F;
}
 
.art-postfootericons a:visited, .art-postfootericons a.visited
{
  color: #6D672C;
}
 
.art-postfootericons a:hover, .art-postfootericons a.hover
{
  text-decoration: underline;
  color: #3B84C4;
}
/* end PostIcons, PostFooterIcons */
 
/* begin Footer */
.art-footer
{
  position: relative;
  margin-top:0;
  margin-bottom:0;
  width: 100%;
}
 
.art-footer-b
{
  position: absolute;
  left:17px;
  right:17px;
  bottom:0;
  height:50px;
  background-image: url('../../webapplication/images/footer_b.png');
}
 
.art-footer-r, .art-footer-l
{
  position: absolute;
  height:50px;
  background-image: url('../../webapplication/images/footer_s.png');
  bottom: 0;
}
 
.art-footer-l
{
  left: 0;
  width:17px;
}
 
.art-footer-r
{
  right: 0;
  width:34px;
  clip: rect(auto, auto, auto, 17px);
}
 
.art-footer-t
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 50px;
  background-color: #A5C6E4;
}
 
.art-footer-body
{
    position:relative;
    padding: 10px;
}
 
.art-footer-text p
{
  padding:0;
  margin:0;
  text-align: center;
}
 
.art-footer-text,
.art-footer-text a,
.art-footer-text a:link,
.art-footer-text a:visited,
.art-footer-text a:hover,
.art-footer-text td,
.art-footer-text th,
.art-footer-text caption
{
    color: #000000;
    font-size: 11px;
}
 
.art-footer-text
{
  min-height: 5px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
 
.art-footer-text a,
.art-footer-text a:link
{
  color: #234F76;
  text-decoration: none;
}
 
.art-footer-text a:visited
{
  color: #918A3B;
}
 
.art-footer-text a:hover
{
  color: #EE6211;
  text-decoration: underline;
}
 
div.art-footer img
{
/* WARNING do NOT collapse this to 'border' - inheritance! */
    border-color: #C4BD6E;
  border-style: solid;
  margin: 7px;
}/* end Footer */
 
/* begin PageFooter */
.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover
{
  font-family: Arial;
  font-size: 10px;
  letter-spacing: normal;
  word-spacing: normal;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
  color: #468BC8;
}
 
.art-page-footer
{
  padding: 1em;
  text-align: center;
  text-decoration: none;
  color: #3B84C4;
}
/* end PageFooter */
 
/* begin LayoutCell, sidebar1 */
 
.art-content-layout .art-sidebar1
{
  width: 200px;
}
 
/* end LayoutCell, sidebar1 */
 
/* begin LayoutCell, content */
 
/* end LayoutCell, content */
 
.campaign
{
  position: absolute;
 bottom: -14px;
  left: 460px;
}
 
.logininfo
{
    position:absolute;
    right:200px;
}
 
.dashboard-cell
{
   width:50%;
}
.dashboard-table
{
   width:100%;
}
 
.test
{
    position:relative;
    bottom: 200px;
    left: 50px;
      
}
Pavlina
Telerik team
 answered on 04 May 2011
4 answers
685 views
I have a page that opens up a small RadWindow.  When the person clicks "Save" inside the radWindow, I would like the Ajax Loading Panel to cover the RadWindow until it is done saving.  The Rad Window is modal.  I set it up in the Ajax Settings, but it doesn't work.  Furthermore, when I go back to look at my Ajax settings, they have not been retained.  Can I use the RadWindow and loading panel in this fashion?

thanks

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" 
<BR>        
Skin="WebBlue"><BR>    
</telerik:RadAjaxLoadingPanel><BR>    
<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" 
runat="server"><BR>        
<AjaxSettings><BR>            
<telerik:AjaxSetting 
AjaxControlID="panelSearchResultsAndDetails"><BR>                
<UpdatedControls><BR>                    
<telerik:AjaxUpdatedControl ControlID="panelSearchResultsAndDetails" 
<BR>                        
LoadingPanelID="RadAjaxLoadingPanel1" 
/><BR>                
</UpdatedControls><BR>            
</telerik:AjaxSetting><BR>            
<telerik:AjaxSetting 
AjaxControlID="radSearchPanel"><BR>                
<UpdatedControls><BR>                    
<telerik:AjaxUpdatedControl ControlID="RadPanelBar1" 
<BR>                        
LoadingPanelID="RadAjaxLoadingPanel1" 
/><BR>                
</UpdatedControls><BR>            
</telerik:AjaxSetting><BR>        
</AjaxSettings><BR>    </telerik:RadAjaxManagerProxy>

See attached jpg for Designer settings...
Georgi Tunev
Telerik team
 answered on 04 May 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?