Telerik RadSkinManger for change skinning of all controls /Individual

Telerik RadSkinManger for change skinning of all controls /Individual

This is cool toll provided  by Telerik .Using this we can change skin of all controls and individual just in one selection.

You can set also change skin to each control just by setting its Skin Property .

Step 1: Design web from .aspx apge

  <div>

            Select New Skin :  

            <telerik:RadSkinManager ID="QsfSkinManager" runat="server" ShowChooser="true" />

            <telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />

            <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

            <telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="0" Width="50%"

                GridLines="None" AutoGenerateColumns="false"

                OnNeedDataSource="RadGrid1_NeedDataSource">

                <HeaderStyle HorizontalAlign="Left" />

                <MasterTableView DataKeyNames="name" AutoGenerateColumns="false">

                    <NoRecordsTemplate>No records found.</NoRecordsTemplate>

                    <Columns>

                        <telerik:GridBoundColumn HeaderText="Name" DataField="Name" />

                        <telerik:GridBoundColumn HeaderText="Amount" DataField="Amount" />

                        <telerik:GridBoundColumn HeaderText="Phone" DataField="Phone" />

                    </Columns>

                </MasterTableView>

            </telerik:RadGrid>

            <br />

            <telerik:RadTimePicker ID="RadTimePicker1" runat="server">

                <DateInput runat="server" DateFormat="HH:mm:ss" ToolTip="Date input">

                </DateInput>

                <TimeView runat="server" TimeFormat="HH:mm:ss">

                </TimeView>

            </telerik:RadTimePicker>

            <br />

            <br />

            <telerik:RadButton ID="btn" Text="Skin Change" runat="server"></telerik:RadButton>

        </div>

Step 2: Logic on .cs page

protected void RadGrid1_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

    {

        DataTable dt = new DataTable();

        dt.Columns.Add("Name");

        dt.Columns.Add("Amount");

        dt.Columns.Add("Phone");

        dt.Rows.Add("Kandy", "12", "8802***2564");

        dt.Rows.Add("Sam", "25", "545502*2544");

        dt.Rows.Add("Izhar", "32", "95802*2452");

        dt.Rows.Add("Vineet", "10.2", "88022564***");

        dt.Rows.Add("Kandy", "0.12", "8802***2564");

        dt.Rows.Add("Sam", "12", "545502*2544");

        dt.Rows.Add("Izhar", "215", "95802*2452");

        dt.Rows.Add("Vineet", "11.00", "88022564***");

        dt.Rows.Add("Kandy", "0.12", "8802***2564");

        dt.Rows.Add("Sam", "12", "545502*2544");

  

        RadGrid1.DataSource = dt;

        // rad_grd_ComponentDrillThorugh.DataBind();

    }

It will look  like :-