Thanks Anand. I did just that and, can get it working on a small sample but it doesn't wor when implemented in my web page. I have supplied the code. If you can take a peak and let me know your thoughts, that would be great!! The first page of code is the small sample and the second one is the web page. Let me know your thoughts. Thanks
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Web_Nav_Click.aspx.vb" Inherits="IVSTech_Website.Web_Nav_Click" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.3/themes/base/jquery-ui.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.3/jquery-ui.js"></script>
<script type="text/javascript">
$("#btnNext").live("click", function () {
var tabs = $('#tabs').tabs();
tabs.tabs('select', "#tabs-2");
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="tabs">
<ul>
<li class="active"><a href="#tabs-1">Tab 1</a></li>
<li><a href="#tabs-2">Tab 2</a></li>
<li><a href="#tabs-3">Tab 3</a></li>
<li><a href="#tabs-4">Tab 4</a></li>
<li><a href="#tabs-5">Tab 5</a></li>
</ul>
<div id="tabs-1">
Tab 1 Content
</div>
<div id="tabs-2">
Tab 2 Content
</div>
<div id="tabs-3">
Tab 3 Content
</div>
<div id="tabs-4">
Tab 4 Content
</div>
<div id="tabs-5">
Tab 5 Content
</div>
</div>
<input type="button" id="btnNext" value="Next" />
</form>
</body>
</html>
Web Page
<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/IVSTech.Master" CodeBehind="Web_Default_Test.aspx.vb" Inherits="IVSTech_Website.Web_Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.3/themes/base/jquery-ui.css" />
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.3/jquery-ui.js"></script>
<script type="text/javascript">
$("#btnNavSvcs").live("click", function () {
var tabs = $('#tabs').tabs();
tabs.tabs('select', "#services");
});
</script>
</asp:Content>
<asp:Content ID="IVSTechMain" ContentPlaceHolderID="MainContent" runat="server">
<div class="container-fluid col-md-12">
<nav class="navbar navbar-default navbar-static-top">
<div class="container-fluid col-md-12">
<ul id="navtabs" class="nav nav-tabs pull-left" role="tablist">
<li class="active"><a href="#home" role="tab" data-toggle="tab"><i class="glyphicon glyphicon-home"></i> Home</a></li>
<li><a href="#services" role="tab" data-toggle="tab"><i class="glyphicon glyphicon-th-list"></i> Services</a></li>
<li><a data-toggle="tab" href="#products"><i class="glyphicon glyphicon-tags"></i> Products</a></li>
<li><a data-toggle="tab" href="#opportunities"><i class="glyphicon glyphicon-road"></i> Opportunities</a></li>
<li><a data-toggle="tab" href="#aboutus"><i class="glyphicon glyphicon-book"></i> About Us</a></li>
<li><a data-toggle="tab" href="#contactus"><i class="glyphicon glyphicon-phone-alt"></i> Contact Us</a></li>
</ul>
</div>
</nav>
<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<div class="row col-md-12">
<br />
</div>
<div class="row col-md-12 well h3 text-center">
<div class="col-md-2">
</div>
<div class="col-md-8">
<p style="font-weight:lighter; color: cornflowerblue">
IVSTech is transforming the way Health Plan Support Services are accessed, priced and delivered. Go to our Service Page and learn more about how IVSTech can be your Partner for Success.
</p>
</div>
<div class="col-md-2">
</div>
</div>
<div class="row col-md-12 text-center"">
<div class="col-md-3 h3 text-center">
<input type="button" id="btnNavSvcs" value="Services" />
<p>Find out more about our Professional Services.</p>
</div>
<div class="col-md-3 h3 text-center">
<img src="Images/Products.PNG" height="125" />
<p>Find out more about our Assessment and Configuration Products.</p>
</div>
<div class="col-md-3 h3 text-center">
<img src="Images/BackOffice.PNG" height="125" />
<p>Find out more about our On-Demand and BackOffice Support.</p>
</div>
<div class="col-md-3 h3 text-center">
<img src="Images/OnDemand.PNG" height="125" />
<p>Find out more about our Career Opportunities.</p>
</div>
</div>
<div class="row col-xs-12 well h3 text-center">
<div class="col-md-2">
</div>
<div class="col-md-8">
<p style="font-weight:lighter; color: cornflowerblue">
IVSTech's innovative Products are designed to automate and simplify tasks to allow the Health Plan to focus on their goals and initiatives. Go to our Products Page to find out more about how IVSTech's Products can simplify your Health Plan functions.
</p>
</div>
</div>
</div>
<div id="services" class="tab-pane fade in">
<img src="Images/tech_services.PNG" height="275" width="1385" />
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
</div>
<div id="products" class="tab-pane fade in">
<img src="Images/tech_products.PNG" height="275" width="1385" />
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<div id="opportunities" class="tab-pane fade in">
<img src="Images/Opportunities.PNG" height="275" width="1385" />
<h3>Opportunities</h3>
<p>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div>
<div id="aboutus" class="tab-pane fade in">
<img src="Images/tech_who_are_we.PNG" height="275" width="1385" />
<p>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div>
<div id="contactus" class="tab-pane fade in">
<div class="container-full">
<div class="row">
<img src="Images/ContactUs_1.jpg" width="450" height="125" />
</div>
<div class="row">
<div class="col-lg-4">
<h2>Contact Us</h2>
</div>
</div>
<hr />
<div class="row">
<div class="col-lg-12">
<p>
<u style="text-decoration: underline; color: #0000FF; font-weight: bold">Corporate Office</u>
<br />
<br />
ImageView System Technologies, LLC
<br />
10026 Triple Oak Road
<br />
Charlotte, NC 28277
<br />
Phone - (855) 487-1212
<br />
Fax - (800) 549-3913
</p>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<u style="text-decoration: underline; color: #0000FF; font-weight: bold">Health Plan, Consulting Firm or Vendor Requests</u>
<br />
<br />
<ul>
<li><a id="btnReview" class="clear btn btn-default" data-toggle="tab" runat="server" href="#opportunities" text="Button"></a> </li>
</ul>
<ul>
<li><a class="clear btn btn-default" data-toggle="tab" href="#opportunities">Health Plan, Consulting Firm or Vendor Online Requests</a></li>
</ul>
<br />
<br />
<u style="text-decoration: underline; color: #0000FF; font-weight: bold">Consulting/Employment Opportunities</u>
<br />
<br />
<asp:Button ID="btnResource" runat="server" CssClass="btn btn-primary" Text="On-Line Request for Information" />
</div>
</div>
</div>
</div>
</div>
<br />
<hr />
<div class="row col-xs-12 text-left" style="background-color: #E0354F; color: #FFFFFF">
<div class="col-md-3">
<p>
<u style="text-decoration: underline; color: #000000; font-weight: bold">Corporate Office</u>
<br />
Copyright IVSTech, LLC
<br />
ImageView System Technologies, LLC
<br />
10026 Triple Oak Road
<br />
Charlotte, NC 28277
<br />
Phone - (855) 487-1212
<br />
Fax - (800) 549-3913
</p>
</div>
<div class="col-md-3">
<p>
<u style="text-decoration: underline; color: #000000; font-weight: bold">Our Services</u>
<br />
Professional Services
<br />
System Integration
<br />
On-Demand Support
<br />
Back Office Support
<br />
System Optimization
<br />
And More...
</p>
</div>
<div class="col-md-3">
<p>
<u style="text-decoration: underline; color: #000000; font-weight: bold">Our Products</u>
<br />
Resource Development Program (RDP)
<br />
Talent Manager Resource Assessment System (TMRA)
<br />
Health Plan Maintenance System (HPSM)
</p>
</div>
<div class="col-md-3">
<p>
<u style="text-decoration: underline; color: #000000; font-weight: bold">About Us</u>
<br />
History
<br />
Partners
<br />
Customers
<br />
Services
<br />
Products
</p>
</div>
</div>
</div>
</asp:Content>
