Showing posts with label ASP.NET. Show all posts
Showing posts with label ASP.NET. Show all posts

Friday 10 May 2019

How to Use Table In ASP.NET

Example:-
















ASP.Net Code:-


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body style="padding:25px">
    <form id="form1" runat="server">
    <div>
        <h2 style="color:MidnightBlue; font-style:italic;">     
            How to use Table in asp.net
        </h2>     
        <hr width="450" align="left" color="Gainsboro" />
        <asp:Table ID="Table1"
            runat="server"
            Font-Size="X-Large"
            Width="550"
            Font-Names="Palatino"
            BackColor="Orange"
            BorderColor="DarkRed"
            BorderWidth="2"
            ForeColor="Snow"
            CellPadding="5"
            CellSpacing="5"
            >
            <asp:TableHeaderRow
                runat="server"
                ForeColor="Snow"
                BackColor="OliveDrab"
                Font-Bold="true"
                >
                <asp:TableHeaderCell>Serial</asp:TableHeaderCell>
                <asp:TableHeaderCell>Name</asp:TableHeaderCell>
                <asp:TableHeaderCell>Value</asp:TableHeaderCell>
            </asp:TableHeaderRow>
            <asp:TableRow
                ID="TableRow1"
                runat="server"
                BackColor="OrangeRed"
                >
                <asp:TableCell>1</asp:TableCell>
                <asp:TableCell>Azure</asp:TableCell>
                <asp:TableCell>#F0FFFF</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow
                ID="TableRow2"
                runat="server"
                BackColor="DarkOrange"
                >
                <asp:TableCell>2</asp:TableCell>
                <asp:TableCell>Beige</asp:TableCell>
                <asp:TableCell>#F5F5DC</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow
                ID="TableRow3"
                runat="server"
                BackColor="OrangeRed"
                >
                <asp:TableCell>3</asp:TableCell>
                <asp:TableCell>Bisque</asp:TableCell>
                <asp:TableCell>#FFE4C4</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow
                ID="TableRow4"
                runat="server"
                BackColor="DarkOrange"
                >
                <asp:TableCell>4</asp:TableCell>
                <asp:TableCell>Crimson</asp:TableCell>
                <asp:TableCell>#DC143C</asp:TableCell>
            </asp:TableRow>
            <asp:TableRow
                ID="TableRow5"
                runat="server"
                BackColor="OrangeRed"
                >
                <asp:TableCell>5</asp:TableCell>
                <asp:TableCell>Cyan</asp:TableCell>
                <asp:TableCell>#00FFFF</asp:TableCell>
            </asp:TableRow>
            <asp:TableFooterRow
                runat="server"
                BackColor="DarkOrange"
                >
                <asp:TableCell
                    ColumnSpan="3"
                    HorizontalAlign="Right"
                    Font-Italic="true"
                    >
                    Number of colors 5
                </asp:TableCell>
            </asp:TableFooterRow>
        </asp:Table>
    </div>
    </form>
</body>
</html>

Thursday 2 May 2019

Tab page navigation in ASP.net

Introducation:-

In this article we will learn how to navigate page after click tab in asp.. 

Download link:- download

Example:-


Script Js:-

$(document).ready(function () {
              $('#nav li a').each(function () {
                       var current = location.pathname;
                var $this = $(this);
                // if the current path is like this link, make it active
                if (current.indexOf($this.attr('href')) !== -1) {
                    $this.parents().addClass('active');
                }
            });
          });


CDN link:-

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


HTML:-

<div class="container">
  <h3>Tabs</h3>
  <ul id="nav" class="nav nav-tabs">
    <li><a href="Tab1.aspx">Home</a></li>
    <li><a href="Tab2.aspx">Menu 1</a></li>
    <li><a href="Tab3.aspx">Menu 2</a></li>
    <li><a href="#">Menu 3</a></li>
  </ul>
  <p><strong>Note:</strong> This example shows how to create a basic navigation tab. </p>
</div>

 
 



What is Agile,advantage and disadvantages

Introduction:- It is a software development life cycle used for software development, that is characterized by the division of tasks in...