A little help please

Mar 16, 2016 at 12:23 AM
Hello,
I am hoping that you might be able to provide some help in using this plugin.

A bit of background:
VS 2015
JQuery 2.2.1 (updated by NuGet)
bsasper.js v1.0.2 (Was v1 as per NuGet, but copy/pasted from this site Source Code)
Bootstrap Sandstone found here: Sandstone

Problem:
The Tooltips are not showing with the error messages, however they are showing below the textbox as you would normally find with ASP.Net

Setup.aspx
<%@ Page Title="Home Page" Language="VB" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Setup.aspx.vb" Inherits="Lab_System_v2._Setup" %>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">

   

    <%--  ****  Shift Setup   ****--%>

    <h2>Lost Time Data Entry</h2>

    <div class="col-lg-5">
        <div class="well bs-component">
            <div class="form-horizontal">
                <fieldset>
                    <legend>Setup</legend>

                    <div class="form-group">
                        <label for="tbxSeasonNumber" class="col-lg-4 control-label">Season Number</label>
                        <div class="col-lg-7">
                            <asp:TextBox ID="tbxSeasonNumber" runat="server" CssClass="form-control" placeholder="Season Number" Type="number"></asp:TextBox>
                            <asp:RequiredFieldValidator ControlToValidate="tbxSeasonNumber" ID="RequiredFieldValidator1" runat="server" ErrorMessage="Please enter some data" Display="Dynamic"></asp:RequiredFieldValidator>
                            <asp:RangeValidator ControlToValidate="tbxSeasonNumber" ID="RangeValidator1" runat="server" ErrorMessage="Range must be between 1 and 9999" MinimumValue="1" MaximumValue="9999"  Display="Dynamic" Type="Integer"></asp:RangeValidator>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-lg-7 col-lg-offset-4">
                            <asp:Button ID="btnClear" type="reset" runat="server" Text="Reset" class="btn btn-default" />
                            <asp:Button ID="btnShift" runat="server" Text="Submit" class="btn btn-primary" ValidationGroup="valSeason" CausesValidation="true" />
                            <asp:Button ID="btnGoTo" runat="server" Text="Next" class="btn btn-danger" />
                        </div>
                    </div>
                </fieldset>
            </div>
        </div>
    </div>

    <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
        <Scripts>
            <asp:ScriptReference Name="jquery" />
            <asp:ScriptReference Name="bootstrap" />
        </Scripts>
    </asp:ScriptManagerProxy>


    <script type="text/javascript" src="Scripts/WebForms/WebForms.js"></script>
    <script type="text/javascript" src="Scripts/WebForms/WebUIValidation.js"></script>
    <script type="text/javascript" src="Scripts/bsasper.js"></script>


    <script type="text/javascript">
        $(function () {
            $("input[type=text], textarea").bsasper({
                beforeShowFirst: function () {
                    $('html,body').scrollTop(0);
                }
            });
        });
    </script>

</asp:Content>
Site.Master
<%@ Master Language="VB" AutoEventWireup="true" CodeBehind="Site.master.vb" Inherits="Lab_System_v2.SiteMaster" %>

<!DOCTYPE html>

<html lang="en">
<head runat="server">
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title><%: Page.Title %> - My ASP.NET Application</title>

    <asp:PlaceHolder runat="server">
        <%: Scripts.Render("~/bundles/modernizr") %>
    </asp:PlaceHolder>

    <webopt:BundleReference runat="server" Path="~/Content/css" />
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />


</head>
<body>
    <form runat="server">
        <asp:ScriptManager runat="server">
            <Scripts>
                <%--To learn more about bundling scripts in ScriptManager see http://go.microsoft.com/fwlink/?LinkID=301884 --%>
                <%--Framework Scripts--%>
                <asp:ScriptReference Name="MsAjaxBundle" />
                <asp:ScriptReference Name="jquery" />
                <asp:ScriptReference Name="bootstrap" />
                <asp:ScriptReference Name="respond" />
                <asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" />
                <asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" />
                <asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" />
                <asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" />
                <asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" />
                <asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" />
                <asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" />
                <asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" />
                <asp:ScriptReference Name="WebFormsBundle" />
                <%--Site Scripts--%>

            </Scripts>
        </asp:ScriptManager>

        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" runat="server" href="~/">Application name</a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <%--<li><a runat="server" href="~/">Home</a></li>--%>
                        <li><a runat="server" href="~/LabSystem/Setup">Setup</a></li>
                        <li><a runat="server" href="~/LabSystem/BinStock">Bin Stock</a></li>
                        <li><a runat="server" href="~/LabSystem/LabSummary">Lab Summary</a></li>
                        <li><a runat="server" href="~/LabSystem/PanProducts">Pan Products</a></li>
                        <li><a runat="server" href="~/LabSystem/Extractions">Extractions</a></li>
                        <li><a runat="server" href="~/LabSystem/Final">Final</a></li>
                    </ul>
                    <p class="nav navbar-text navbar-right">Hello,
                        <asp:LoginName runat="server" />
                        !</p>
                </div>
            </div>
        </div>
        <div class="container body-content">
            <asp:ContentPlaceHolder ID="MainContent" runat="server">
            </asp:ContentPlaceHolder>
            <%--<br />
            <hr />
            <footer>
                <p>&copy; <%: DateTime.Now.Year %> - My ASP.NET Application</p>
            </footer>--%>
        </div>

    </form>
</body>
</html>