Dashboard Design using Telerik controls

<%@ Page Title="" Language="C#" MasterPageFile="~/Master_Page/MainMaster.Master" EnableEventValidation="false" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="KenAdminUser.Users.Home" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style>
        a.hover a.focus {
            display: none !important;
            text-decoration: none !important;
        }

        [class*=panel-] > .panel-heading {
            color: black;
        }

        a {
            color: black !important;
        }

        .RadWindow RadWindow_Bootstrap rwTransparentWindow rwRoundedCorner {
            left: 660px !important;
            top: 51px !important;
        }
    </style>
    <script type="text/javascript">
        function Open(win) {
            var window = document.getElementById(win);
            window.control.Show();
        }
        function Close(win) {
            var window = document.getElementById(win);
            window.control.Close();
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="content">
        <div class="row">
            <!-- user card -->
            <div class="col-md-4">

                <div class="panel panel-default" style="height: 303px; background-color: #f4f7f0;">

                    <div class="panel-heading panel-heading-divider">

                        <i class="fa fa-user-o" aria-hidden="true"></i><span class="title" style="margin-left: 9px">Users</span>
                    </div>
                    <div class="panel-body">


                        <ul>
                            <i class="fa fa-plus" aria-hidden="true"></i>
                            <asp:LinkButton runat="server" ID="lnk1" Text="Add a user" OnClick="lnk1_Click"></asp:LinkButton>
                        </ul>

                        <ul>

                            <asp:LinkButton runat="server" ID="LnlApproveauser" OnClick="LnlApproveauser_Click" Text="Approve a user"></asp:LinkButton>
                        </ul>

                        <ul>
                            <i class="fa fa-trash-o" aria-hidden="true"></i>
                            <asp:LinkButton runat="server" ID="LnkDeleteUser" OnClick="LnkDeleteUser_Click" Text="Delete a user"></asp:LinkButton>
                        </ul>

                        <ul>
                            <i class="fa fa-pencil" aria-hidden="true"></i>
                            <asp:LinkButton runat="server" ID="LinkButton2" Text="Edit a user"></asp:LinkButton>
                        </ul>

                        <ul>
                            <i class="fa fa-undo"></i>
                            <asp:LinkButton runat="server" ID="LinkButton3" Text="Reset a user"></asp:LinkButton>
                        </ul>

                    </div>

                </div>

            </div>
            <div class="col-md-4">
                <%--<div class="tab-container widget" style="background-color: #f4f7f0; height: 303px;">--%>
                <div class="panel panel-default" style="height: 303px; background-color: #f4f7f0;">
                    <div class="panel-heading panel-heading-divider">
                        <img src="../Master_Page/img/logo-footer.png" />
                        KenCloud Software
                    </div>

                    <div class="tab-content">
                        <div class="tab-pane active fade in" id="home">
                            <!-- <h2>My Task | Activities</h2>-->
                            <ul>
                                <i class="fa fa-download" aria-hidden="true"></i>
                                <asp:LinkButton runat="server" ID="LinkButton4" Text="Install My software"></asp:LinkButton>
                            </ul>
                            <ul>
                                <i class="fa fa-envelope-open-o" aria-hidden="true"></i>
                                <asp:LinkButton runat="server" ID="LinkButton5" Text="Share the download link"></asp:LinkButton>
                            </ul>
                            <ul>
                                <asp:LinkButton runat="server" ID="LinkButton6" Text="Troubeshoot installation"></asp:LinkButton>

                            </ul>
                        </div>
                        <%--  <div class="tab-pane fade in" id="profile">
                            <!-- <h2>Typography</h2>-->
                         
                        </div>
                        <div class="tab-pane fade in" id="messages">
                            <!-- <h2>Message</h2>-->
                         
                        </div>--%>
                    </div>



                </div>
            </div>
            <!-- user card -->
            <div class="col-md-4">
                <div class="panel panel-default" style="height: 303px;">
                    <div class="panel-heading panel-heading-divider">
                        <!-- <div class="tools"><small style="font-size:12px">Approval</small></div>-->
                        <img src="../Master_Page/img/globe.png" />
                        <span class="title">Domains</span>

                    </div>
                    <div class="panel-body">

                        <div class="tab-pane active fade in" id="home">
                            <!-- <h2>My Task | Activities</h2>-->
                            <ul>
                                <i class="fa fa-plus" aria-hidden="true"></i>
                                <asp:LinkButton runat="server" ID="LinkButton7" Text="Add a Domain"></asp:LinkButton>
                            </ul>

                            <ul>
                                <i class="fa fa-trash-o" aria-hidden="true"></i>
                                <asp:LinkButton runat="server" ID="LinkButton8" Text="Delete a Domain"></asp:LinkButton>
                            </ul>

                            <ul>
                                <i class="fa fa-pencil" aria-hidden="true"></i>
                                <asp:LinkButton runat="server" ID="LinkButton9" Text="Edit a Domain"></asp:LinkButton>
                            </ul>

                            <ul>
                                <asp:LinkButton runat="server" ID="LinkButton10" Text="Check Health"></asp:LinkButton>
                            </ul>


                        </div>



                    </div>
                </div>
            </div>
            <!-- end user card -->
        </div>
        <!-- Your Page Content Here -->

        <!-- second row -->
        <div class="row">
            <div class="col-sm-8">
                <div class="panel panel-border" style="height: 280px;">
                    <div class="panel-heading panel-heading-divider">
                        Message Center
                        <div class="tools"><span class="fa fa-refresh"></span><span class="fa fa-ellipsis-v"></span></div>
                        <!--<span class="panel-subtitle">Panel subtitle description</span>-->
                    </div>
                    <div class="panel-body">
                        <p>
                            No Records Display
                                <div class="clearfix"></div>

                        </p>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 pull-right">
                <div class="panel panel-default" style="height: 280px;">
                    <div class="panel-heading panel-heading-divider">

                        <span class="title">Service Health</span>
                    </div>
                    <div class="panel-body">

                      <p>
                            All service are Healthy
                                <div class="clearfix"></div>
                            <!--  <span style="font-size:11px;line-height:12px">No Records Display</span>-->
                        </p>




                        <!--<p>
                                 Domain Name
                                <div class="clearfix"></div>
                                <span style="font-size:11px;line-height:12px">Check your nearest bank branches to get partner forms easily and apply with your convenience...<a class="pull-right" href="">more</a></span>
                                </p>-->





                    </div>
                </div>

            </div>
        </div>
        <!-- end second row -->
        <!-- start third panel-->
        <div class="row">
            <div class="col-sm-8">
                <div class="panel panel-border" style="height: 280px;">
                    <div class="panel-heading panel-heading-divider">
                        Active Users
                        <div class="tools"><span class="fa fa-refresh"></span><span class="fa fa-ellipsis-v"></span></div>
                        <!--<span class="panel-subtitle">Panel subtitle description</span>-->
                    </div>
                    <div class="panel-body">
                        <p>
                            Active users
                                <div class="clearfix"></div>

                        </p>

                        <p>
                            Reports are not available for the services you are subscribed to.
                            <div class="clearfix"></div>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 pull-right">
                <div class="panel panel-default" style="height: 280px;">
                    <div class="panel-heading panel-heading-divider">

                        <span class="title">Support</span>
                    </div>
                    <div class="panel-body">
                        <ul>
                            <i class="fa fa-plus" aria-hidden="true"></i>
                            <asp:LinkButton runat="server" ID="LinkButton1" Text="No services request" OnClick="lnk1_Click"></asp:LinkButton>
                        </ul>
                        <ul>
                            <i class="fa fa-list-ul" aria-hidden="true"></i>
                            <asp:LinkButton runat="server" ID="LinkButton11" OnClick="LnlApproveauser_Click" Text="View service requests"></asp:LinkButton>
                        </ul>

                    </div>
                </div>

            </div>
        </div>
        <!-- fourth row -->
        <div class="row">

            <div class="col-md-4">
                <div class="panel panel-default" style="height: 303px;">
                    <div class="panel-heading panel-heading-divider">
                        <!-- <div class="tools"><small style="font-size:12px">Approval</small></div>-->
                        <%--<span class="icon-facetime-video">videos</span>--%>
                        <span class="title">Videos</span>
                        <%--<i class="icon-facetime-video"><span class="title">videos</span></i>--%>
                    </div>
                    <div class="panel-body">

                        <p>
                            No Records Display
                                <div class="clearfix"></div>
                            <!--  <span style="font-size:11px;line-height:12px">No Records Display</span>-->
                        </p>



                    </div>

                </div>
            </div>
        </div>
    </div>
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadWindow RenderMode="Lightweight" ID="modalPopup" runat="server" Width="684px" Height="365px" Modal="true" Style="z-index: 100001">
    </telerik:RadWindow>
</asp:Content>
============================================
Different Style
=======================
<%@ Page Title="" Language="C#" MasterPageFile="~/Master_Page/MainMaster.Master" AutoEventWireup="true" CodeBehind="AdminMainDashBoard.aspx.cs" Inherits="KenAdminUser.Master_Page.AdminMainDashBoard" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
     <!-- Content Header (Page header) -->
           <!-- <section class="content-header">
                <h1>
                   Welcome to
                    <small>Roshan Sharma, User</small>
                </h1>
                <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-home"></i>Home</a></li>
                    <li class="active">Dashboard</li>
                </ol>-->
            </section>
            <!-- Main content -->
            <div class="content">
                <!-- Your Page Content Here -->
                            <!-- second row -->
                <div class="row">
                
                <div class="col-sm-8">
                       <div class="panel panel-border">
                                <div class="panel-heading panel-heading-divider">EDNET SOLUTION PVT LTD  |  <a style="font-size:13px;">EdNET</a>
                                    <div class="tools"><span class="fa fa-refresh"></span><span class="fa fa-ellipsis-v"></span></div><!--<span class="panel-subtitle">Panel subtitle description</span>-->
                                </div>
                                <div class="panel-body">
                                    <p>
                                        EDNET DEV II, Plot No. 376, 3rd Floor,
                                    </p>
                                    <p>IDCO Tower, Sahid Nagar,</p>
                                    <p>Bhubaneswar, Odisha, INDIA</p>
                                    <p>ZIP : 751007</p>
                                    <br>
                                    <p>+91(674)7112300(OFFICE)</p>
                                    <p>+91(674)2542675(FAX)</p>
</div>
</div>
</div>
                
                
                
                
                    <div class="col-sm-4 pull-right">
                     <div class="panel panel-default" style="height:280px;">
                                <div class="panel-heading">
                                   
                                    <span class="title">Domain Details</span>
                                </div>
                                <div class="panel-body">
                                
                             <div class="panel-heading">
                                   <div class="tools" style="font-size:14px;">Domain Name</small></div>
                                    <span class="title" style="font-size:14px;">Domain Name</span>
                                </div>
                                           
<div class="panel panel-border">
       
                              
                                                        
</div>
           
           
           
           
                                <!--<p>
                                 Domain Name
                                <div class="clearfix"></div>
                                <span style="font-size:11px;line-height:12px">Check your nearest bank branches to get partner forms easily and apply with your convenience...<a class="pull-right" href="">more</a></span>
                                </p>-->
                                
                              
                                
                                
                                
                                </div>
                            </div>
                        
                    </div>
                    
                    
                     


           
                  
       
                      
                </div>
                <!-- end second row -->
 
               <!-- Fifth row   -->
                <div class="row">
                    <!-- User Activity -->
                    <div class="col-md-6">
                        <div class="panel">
                        <div class="col-sm-9" style="padding-left:0px">
                            <h3 class="panel-heading" style="color:#0070c1">Notifications</h3>
                            </div>
                            <div class="col-sm-2" style="padding-left:0"><button aria-expanded="false" class="btn btn-info" type="button" style="padding:5px 15px !important;">See All <span class="fa fa-arrow-right"></span><div class="ripple-container"></div></button></div>
                          
                            <div class="panel-body">
                            
                            <p><i class="fa fa-comment"><span style="font-family: 'Lato', sans-serif;"><strong>&nbsp;New Comment</strong></span></i></p>
                       
                            <hr style="margin-top:0">
                         
                            <p><i class="fa fa-twitter" aria-hidden="true"><span style="font-family: 'Lato', sans-serif;"><strong>&nbsp;3 New Followers</strong></span></i></p>
                             <hr style="margin-top:0">
                            <p><i class="fa fa-envelope" aria-hidden="true"><span style="font-family: 'Lato', sans-serif;"><strong>&nbsp;Message Sent</strong></span></i></p>
                              <hr style="margin-top:0">
                            <p><i class="fa fa-file-text-o" aria-hidden="true"><span style="font-family: 'Lato', sans-serif;"><strong>&nbsp;New Task</strong></span></i></p>
                             <hr style="margin-top:0">
                          
                             <p><i class="fa fa-upload" aria-hidden="true"><span style="font-family: 'Lato', sans-serif;"><strong>&nbsp;Server Rebooted</strong></span></i></p>
                            <hr style="margin-top:0">
                             <p><i class="fa fa-bolt" aria-hidden="true"><span style="font-family: 'Lato', sans-serif;"><strong>&nbsp;Server Crashed</strong></span></i></p>
                             <hr style="margin-top:0">
                             <p><i class="fa fa-exclamation-triangle" aria-hidden="true"><span style="font-family: 'Lato', sans-serif;"><strong>&nbsp;Server Not Responding</strong></span></i></p>
                              <hr style="margin-top:0">
                            <p><i class="fa fa-cart-plus" aria-hidden="true"><span style="font-family: 'Lato', sans-serif;"><strong>&nbsp;New Order Placed</strong></span></i></p>
                               
                            </div>
                        </div>
                    </div>
                    <!-- End User Activity -->
                    <!-- User lists -->
                    <div class="col-md-4">
                        <div class="panel">
                             <p>
              <h3 class="panel-heading" style="color:#0070c1;">Fill your Cart</h3>
                            <img src="img/piechart.png" class="img-responsive" width="120px">
                            <p class="pull-right" style="top:-200px;left:-100px;position:relative">   
                            <span style="border-bottom:1px #333333 solid;">
                            <div align="right">
                            <table class="table">
<thead>
<tr>
<th>Total Users</th>
<th>250</th>
<th>See All</th>
</tr>
</thead>
<tbody>
<tr>
<th>User With licence</th>
<th>180</th>
<th>See All</th>
</tr>
<tr>
<th>User Without licence</th>
<th>120</th>
<th>See All</th>
</tr>
</tbody>
</table>
                            </div>
                            </span>
                            </p>
                           </p> 
                      


                        </div>
                            <div class="panel" style="border:#FFF;">
                                      <div class="panel panel-default">
                                <div class="panel-heading">
                                 <button aria-expanded="false" class="btn btn-info" type="button" style="padding:5px 15px !important; float:right; margin:0px;">See All <span class="fa fa-arrow-right"></span><div class="ripple-container"></div></button>
                                 
                                    <span class="title">Subscription Details</span>
                                   
                                </div>
                                
                                <div class="panel-body">
                          
                                 <p style="margin:0 0 5px"><span style="color:#999">Subscription Name:</span> <small>Free</small></p>
                            <p style="margin:0 0 5px"><span style="color:#999">Subscription ID:</span> <small>123456tr</small></p>
                            <p style="margin:0 0 5px"><span style="color:#999">Role:</span> <small>Owner</small></p>
                            <p style="margin:0 0 5px"><span style="color:#999">Subscription Status:</span> <small>Active</small></p>
                             <p style="margin:0 0 5px"><span style="color:#999">Effective from:</span> <small>09/01/2017</small></p>
                              <p style="margin:0 0 5px"><span style="color:#999">Till:</span> <small>09/02/2017</small></p>
                                
                                </div>
                            </div> 
                      
                            

                        </div>
                    </div>
                    
                    <!-- end User lists -->
                    
                    <!-- Chat Room -->
                    <div class="col-md-2">
                        <div class="panel">
                           <p align="center" style="padding-top:10px;color:#3d7a9d"><i class="fa fa-phone fa-3x"></i></p>
                            <h4 align="center" style="color:#1084ed;padding:0px;">We are always ready to assist you...</h4>
                                </div>
                                
                                 <div class="panel">
                           <p align="center" style="padding-top:10px;color:#3d7a9d"><i class="fa fa-question fa-3x"></i></p>
                            <h4 align="center" style="color:#1084ed;padding:0px">Let us know your queries...</h4>
                                </div>
                                
                                 <div class="panel">
                           <p align="center" style="padding-top:10px;color:#3d7a9d"><i class="fa fa-commenting fa-3x"></i></p>
                            <h4 align="center" style="color:#1084ed;padding:0px">Feel free to share your Feedback...</h4>
                                </div>
                               
                            </div>
                        </div>
                        
                        
                        
                 <!--end second panel     -->
                 
                 
                <!-- start third panel-->
                
             
                <!-- fourth row -->
                <div class="row">
                
                
                
                    <!-- user card -->
                    <div class="col-md-4">
                        <div class="panel panel-default" style="height:303px;">
                                <div class="panel-heading">
                                   <!-- <div class="tools"><small style="font-size:12px">Approval</small></div>-->
                                    <span class="title">Organisation Unit</span>
                                </div>
                                <div class="panel-body">
                                
                                <p>
                               No Records Display
                                <div class="clearfix"></div>
                              <!--  <span style="font-size:11px;line-height:12px">No Records Display</span>-->
                                </p>
                                
                               
                                
                                </div>
                                
                        </div>
                    </div>
                    <!-- end user card -->
                    
                    
                    <!-- third row  -->
                   
                        <div class="col-md-4">
                            <div class="tab-container widget" style="background-color:#f4f7f0;">
                            <br>
                             <h4 style="padding-left:20px;">My Task | Activities</h4>
                                <ul class="nav nav-tabs" style="padding-left:20px; padding-top:10px;">
                                    <li class="active"><a href="#home" data-toggle="tab">All</a></li>
                                    <li><a href="#profile" data-toggle="tab">Pending</a></li>
                                    <li><a href="#messages" data-toggle="tab">Completed</a></li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane active fade in" id="home">
                                       <!-- <h2>My Task | Activities</h2>-->
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam laboriosam labore dolores eveniet perferendis, quas amet fugit, excepturi molestias? Esse odio impedit numquam sapiente perspiciatis cupiditate vitae eos cum, harum.
                                        </p>
                                    </div>
                                    <div class="tab-pane fade in" id="profile">
                                       <!-- <h2>Typography</h2>-->
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. At consequatur eveniet consequuntur ratione a. Sunt totam sapiente maiores corporis natus exercitationem, illo commodi? Expedita molestias aliquam iste molestiae. Pariatur, qui.
                                        </p>
                                    </div>
                                    <div class="tab-pane fade in" id="messages">
                                       <!-- <h2>Message</h2>-->
                                        <p>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perferendis ratione, nisi maiores possimus culpa ut quas quae earum itaque, soluta reprehenderit neque eos. Placeat ratione, sapiente nemo expedita enim a.
                                        </p>
                                    </div>
                                </div>
                                
                                
                                
                            </div>
                    </div>
              
            
                     <!-- user card -->                 
                    <div class="col-md-4">
                        <div class="panel panel-default" style="height:303px;">
                                <div class="panel-heading">
                                   <!-- <div class="tools"><small style="font-size:12px">Approval</small></div>-->
                                   <!-- <span class="title">Organisation Unit</span>-->
                                   
                                </div>
                                <div class="panel-body">
                                
                                <p style="text-align:center; padding-top:80px;">Add A Widget
                              <!-- No Records Display-->
                                <div class="clearfix"></div>
                              <!--  <span style="font-size:11px;line-height:12px">No Records Display</span>-->
                                </p>
                                
                               
                                
                                </div>
                        </div>
                    </div>
                   
                    
                    <!-- end user card -->
               
                       
                            
                            
                                
                                
                            </div>
                        </div>
                    </div>
                    
                    <!-- end todo -->

                <!-- end fourth row  -->
              
</asp:Content>

Comments

Post a Comment

Popular posts from this blog

Create Schema Using C# Asp .Net Dynamically.

In WebConfig First Set The Connection String. ====================================== <?xml version="1.0"?> <!--   For more information on how to configure your ASP.NET application, please visit   http://go.microsoft.com/fwlink/?LinkId=169433   --> <configuration>   <connectionStrings>     <add name="InterviewConnectionString" connectionString="Data Source=SATYABRATA;Initial Catalog=Interview;Persist Security Info=True;User ID=satya;Password=satya@215;MultipleActiveResultSets=True;Application Name=EntityFramework"           providerName="System.Data.SqlClient" />   </connectionStrings>   <system.web>     <compilation debug="true" targetFramework="4.5" />     <httpRuntime targetFramework="4.5" />   </system.web> </configuration> ====================================== Design Page in Source FIle ====================================== ...
Read more

FAQ BIND

public void FaqBind()     {         try         {             var content = GetContactUslist().ToList();             var result = (from a in content                           where a.IsActive == true && a.ContactUs_Comments != null && a.ContactUs_Answer != null                           select new                           {                              a.ContactUs_ID,                             a.ContactUs_Comments,                             ...
Read more

resgination mail

Dear Sir,          Kindly informed that I am submitting this letter for the purpose of resigning from the post of Software Engineer from SWASH Convergence Technologies Limited effective from today. Therefore, the last day of work for me here will be Today. The purpose of this resignation letter is to inform you that I will be leaving my position with Swash Company, effective long Period from now on August 11. my family is currently in the process of relocation that I will be relocating to the Hyderabad City metropolitan area in the near future. From the time I joined SWASH Convergence Technologies Limited as Software Engineer One year’s one Month ago, I have enjoyed immense professional growth and forged unbreakable bonds of friendship. I have received an abundance of support, advice, and encouragement from my superiors, and for that I shall be always grateful. I would like to special thanks our CEO , Dr. Pritam Pal for his coo...
Read more