Essential Studio for Asp.Net | Demos

SHOWCASE SAMPLES
Showcase samples
    • option
      • Audi A4
      • Audi A5
      • Audi A6
      • Audi A7
      • Audi A8
    <%@ Page Language="C#" Title="Toolbar-Template-ASP.NET-SYNCFUSION" AutoEventWireup="true" MasterPageFile="~/Samplebrowser.Master" CodeBehind="Template.aspx.cs" Inherits="WebSampleBrowser.Toolbar.Template" %>
    
    <asp:Content ID="Content3" ContentPlaceHolderID="ControlsSection" runat="server">
        <div class="frame">
            <div class="control">
                <ej:Toolbar ID="toolbarTemplate" Width="270px" runat="server">
                    <Items>
                        <ej:ToolbarItem>
                            <Template>
                                <div class="ctrlradio">
                                    <ej:RadioButton ID="RadioButton1" Name="small" runat="server">option</ej:RadioButton>
                                </div>                            
                            </Template>
                        </ej:ToolbarItem>
                        <ej:ToolbarItem>
                            <Template>
                                <div style="float: left">
                                    <ej:DropDownList ID="selectcar" runat="server" SelectedItemIndex="0" Width="100px" Height="23px">
                                        <Items>
                                            <ej:DropDownListItem Text="Audi A4" Value="Audi A4"></ej:DropDownListItem>
                                            <ej:DropDownListItem Text="Audi A5" Value="Audi A5"></ej:DropDownListItem>
                                            <ej:DropDownListItem Text="Audi A6" Value="Audi A6"></ej:DropDownListItem>
                                            <ej:DropDownListItem Text="Audi A7" Value="Audi A7"></ej:DropDownListItem>
                                            <ej:DropDownListItem Text="Audi A8" Value="Audi A8"></ej:DropDownListItem>
                                        </Items>
                                    </ej:DropDownList>
                                </div>
                            </Template>
                        </ej:ToolbarItem>
                    </Items>
                </ej:Toolbar>
            </div>
        </div>
    </asp:Content>
    
    <asp:Content ID="Content7" ContentPlaceHolderID="StyleSection" runat="server">
        <link href="../Content/Toolbar/template.css" rel="stylesheet" />
    </asp:Content>
    
    
    
    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    namespace WebSampleBrowser.Toolbar
    {
        public partial class Template : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
    
            }
        }
    }
    template.css
     .ctrlradio
            {
                padding-top:4px;
                padding-right:5px;
                float: left;
            }
            
            .frame
            {
                width: 30%;
            }
    
            .control
            {
                color: black;
                font-family: 'Segoe UI';
                font-size: medium;
            }
             #selectcar {
                line-height:20px;
            }