Click here to Skip to main content
15,891,621 members
Home / Discussions / ASP.NET
   

ASP.NET

 
AnswerRe: div controls outside of a repeater should be made invisible Pin
Richard Deeming9-Nov-16 5:42
mveRichard Deeming9-Nov-16 5:42 
GeneralRe: div controls outside of a repeater should be made invisible Pin
Scott529-Nov-16 7:59
Scott529-Nov-16 7:59 
GeneralRe: div controls outside of a repeater should be made invisible Pin
Scott529-Nov-16 9:57
Scott529-Nov-16 9:57 
GeneralRe: div controls outside of a repeater should be made invisible Pin
Richard Deeming9-Nov-16 10:38
mveRichard Deeming9-Nov-16 10:38 
QuestionMessage Closed Pin
9-Nov-16 2:00
Pk Fun Zone9-Nov-16 2:00 
AnswerRe: Design my Site?? Pin
Richard MacCutchan9-Nov-16 2:24
mveRichard MacCutchan9-Nov-16 2:24 
AnswerRe: Design my Site?? Pin
Peter Leow9-Nov-16 2:35
professionalPeter Leow9-Nov-16 2:35 
QuestionNeed help with showing tab info when first landing on page. Pin
Bootzilla336-Nov-16 11:28
Bootzilla336-Nov-16 11:28 
I have two tabs:Customer and Contract. When I land on the page I want to show the Customer tab info but with my current code I'm unable to get it to work.

aspx

ASP.NET
<nav id="spy">
                <ul class="sidebar-nav nav">
                    <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'Customer')">Customer</a></li>
                    <li><a href="javascript:void(0)" class="tablinks" onclick="openCity(event, 'Contract')">Contract</a></li>
                 
                </ul>
            </nav>

<div class="col-sm-8" style="margin-left: 0px; width: 711px;">
                <div class="row">
                    <div class="col-md-12 well tabcontent" id="Customer" style="width:546px">
                        <legend >Customer Selection</legend>
                        <div class="row">
                          <div class="col-md-5 spacing">Customer Source Code:</div>
                          <%--<div class="col-md-4""><asp:Label ID="lblCustSourceCode" runat="server" Text="Label" name="lblCustSourceCode"></asp:Label></div>--%>
                          <div class="col-md-4"">832 - NASA</div>
                        </div>
                        <div class="row">
                          <div class="col-md-5 spacing">Customer Code:</div>
                          <%--<div class="col-md-4""><asp:Label ID="lblCustCode" runat="server" Text="Label" name="lblCustCode"></div>--%>
                          <div class="col-md-4">555</div>
                        </div>
                        <div class="row">
                          <div class="col-md-5 spacing">Name:</div>
                          <%--<div class="col-md-4""><asp:Label ID="lblName" runat="server" Text="Label" name=""lblName"></div>--%>
                          <div class="col-md-4">Aeronautics Lab</div>
                        </div>
                        <div class="row">  
                          <div class="col-md-5 spacing">City:</div>
                          <%--<div class="col-md-4""><asp:Label ID="lblCity" runat="server" Text="Label" name="lblCity"></div>--%>
                          <div class="col-md-4">Houston</div>
                        </div>
                        <div class="row">  
                          <div class="col-md-5 spacing">State:</div>
                          <%--<div class="col-md-4""><asp:Label ID="lblState" runat="server" Text="Label" name="lblState"></div>--%>
                          <div class="col-md-4">Texas</div>
                        </div>
                        <div class="row">  
                          <div class="col-md-5 spacing">Zip:</div>
                          <%--<div class="col-md-4""><asp:Label ID="lblZip" runat="server" Text="Label" name="lblZip"></div>--%>
                          <div class="col-md-4">10001</div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12 well hi tabcontent" style="width:546px;" id="Contract">
                        <legend >Contract Information</legend>
                       <div class="row">
                          <div class="col-md-5 spacing">Nasa Control Number:</div>
                          <div class="col-md-4">4416367</div>
                        </div>
                        <div class="row">
                          <div class="col-md-5 spacing">Prime Contact Number<span style="color:red">*</span>:</div>
                          <div class="col-md-4">4416367</div>
                        </div>
                        <div class="row">
                          <div class="col-md-5 spacing">Contract Start Date:</div>
                          <div class="col-md-4">10/30/2016</div>
                        </div>
                        <div class="row">  
                          <div class="col-md-5 spacing">Face Value of Contact<span style="color:red">*</span>:</div>
                          <div class="col-md-4">10/30/2016</div>
                        </div>
                        <div class="row">
                          <div class="col-md-5 spacing">Contract End Item or Service:</div>
                          <div class="col-md-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                          tempor incididunt. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                          consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                          cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                          proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
                        </div>
                        <div class="row">  
                          <div class="col-md-5 spacing">Authorize Redelegation<span style="color:red">*</span>:</div>
                          <div class="col-md-4">YES</div>
                        </div>
                        <div class="row">  
                          <div class="col-md-5 spacing">Estimated LOD Completion Date<span style="color:red">*</span>:</div>
                          <div class="col-md-4">10/30/2016</div>
                        </div>
                        <div class="row">  
                          <div class="col-md-5 spacing">Is your LOD ONLY for one specific Purchase Order or Delivery Order:</div>
                          <div class="col-md-4">No</div>
                        </div>
                        <div class="row">  
                          <div class="col-md-5 spacing">Contracting Officer:</div>
                          <div class="col-md-4">John G. Doe</div>
                        </div>
                        <div class="row">  
                          <div class="col-md-5 spacing">Date LOD Signed by Customer/Contracting Officer<span style="color:red">*</span>:</div>
                          <div class="col-md-4">08/11/2016</div>
                        </div>
                    </div>
                </div>


js

JavaScript
$(document).ready(function(){

    /*Page Initialization*/
    $(".custinfo").toggleClass("active");
    $("#custinfo").show();
    $("#continfo").hide();
    $("#prime").hide();
    var setHeight = $("#custinfo").outerHeight();
    $("#spy").css('height', setHeight);        
    $(".sidebar-nav").css('height', setHeight);

    /*sidebar height*/
     

    $('#popover-button').popover({
    	html: true,
    	trigger: "hover",
        content: function(){
        	return $('#popover-content').html();
        }
    });

    $('#popover-button').click(function () {
        $('.modal').modal('show');  
        $('#popover-content').popover('hide'); //EDIT: added this line to hide popover on button click.
    });


    /*Menu-toggle*/
    $("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#wrapper").toggleClass("active");

    });

    /*sidebar link*/
    $(".custinfo").click(function(e) {
        e.preventDefault();
        $("#custinfo").show();
        $("#continfo").hide();
        $("#prime").hide();
        var setHeight = $("#custinfo").outerHeight();
        $("#spy").css('height', setHeight);
        $(".sidebar-nav").css('height', setHeight);

    });    

    $(".continfo").click(function(e) {
        e.preventDefault();
        $("#custinfo").hide();
        $(".custinfo").removeClass("active");
        $("#continfo").show();
        $("#prime").hide();
        var setHeight = $("#continfo").outerHeight();
        $("#spy").css('height', setHeight);
        $(".sidebar-nav").css('height', setHeight);

    }); 
 /*Scroll Spy*/
    $('body').scrollspy({ target: '#spy', offset:80});

    /*Smooth link animation*/
    $('a[href*=#]:not([href=#])').click(function() {
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {

            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
            if (target.length) {
                $('html,body').animate({
                    scrollTop: target.offset().top
                }, 1000);
                return false;
            }
        }
    });

});


$(window).bind('resize', function(){
});

QuestionHow do layout out the columns using stringbuilder? Pin
samflex4-Nov-16 15:51
samflex4-Nov-16 15:51 
AnswerRe: How do layout out the columns using stringbuilder? Pin
Richard MacCutchan4-Nov-16 22:52
mveRichard MacCutchan4-Nov-16 22:52 
GeneralRe: How do layout out the columns using stringbuilder? Pin
samflex5-Nov-16 2:33
samflex5-Nov-16 2:33 
QuestionGenerate SQL query Pin
Member 128253814-Nov-16 6:23
Member 128253814-Nov-16 6:23 
AnswerRe: Generate SQL query Pin
Richard MacCutchan4-Nov-16 6:58
mveRichard MacCutchan4-Nov-16 6:58 
QuestionOperation must use an updateable query - question Pin
Member 87616672-Nov-16 15:59
Member 87616672-Nov-16 15:59 
AnswerRe: Operation must use an updateable query - question Pin
Richard Deeming3-Nov-16 3:10
mveRichard Deeming3-Nov-16 3:10 
QuestionCrud operation by pattern Pin
Member 1282618731-Oct-16 20:27
Member 1282618731-Oct-16 20:27 
AnswerRe: Crud operation by pattern Pin
Nathan Minier1-Nov-16 2:12
professionalNathan Minier1-Nov-16 2:12 
AnswerRe: Crud operation by pattern Pin
F-ES Sitecore1-Nov-16 5:46
professionalF-ES Sitecore1-Nov-16 5:46 
QuestionSave Foreign Key Value - EF Core + ASP.NET Core Pin
vanilsonwdd31-Oct-16 19:43
vanilsonwdd31-Oct-16 19:43 
QuestionOptimal way to share data between MVC Controller and AngularJS Pin
L_Q31-Oct-16 10:50
L_Q31-Oct-16 10:50 
AnswerRe: Optimal way to share data between MVC Controller and AngularJS Pin
Nathan Minier1-Nov-16 2:25
professionalNathan Minier1-Nov-16 2:25 
GeneralRe: Optimal way to share data between MVC Controller and AngularJS Pin
L_Q1-Nov-16 2:42
L_Q1-Nov-16 2:42 
GeneralRe: Optimal way to share data between MVC Controller and AngularJS Pin
Nathan Minier1-Nov-16 3:11
professionalNathan Minier1-Nov-16 3:11 
QuestionMultiple Date Rages in Multi select Drop down list in HTML 5 using JQuery or AngularJS Pin
indian14331-Oct-16 6:25
indian14331-Oct-16 6:25 
QuestionFull crud operation in ASP.NET in a single page with dropdownlist, radio button and checkbox controls Pin
Member 1273685631-Oct-16 1:26
Member 1273685631-Oct-16 1:26 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.