2

Que tal, Desarrolle una aplicacion en VS 2013 y agregue una plantilla de bootstrap a mi master page, el mismo código y la misma plantilla la hice para desarrollar un proyecto en VS 2010 pero resulta que no fuciona el menu desplegable nav navbar-nav utilizando el data-toggle="dropdown", adicional a esto tuve que comentar estas lineas que creo que son las que me faltan incluir al master page, las comente porque VS 2010 da erro, pero en VS 2013 no.

<%--<asp:ScriptReference Name="MsAjaxBundle" />
            <asp:ScriptReference Name="jquery" />
            <asp:ScriptReference Name="bootstrap" />
            <asp:ScriptReference Name="respond" />--%>

código del master page

    <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebApplication.SiteMaster" %>

    <%@ Register Assembly="DevExpress.Web.v14.2, Version=14.2.7.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web" TagPrefix="dx" %>
    <%@ Import Namespace="System.Data" %>
    <%@ Import Namespace="System.Data.SqlClient" %>
    <%--<%@ Import Namespace="WebApplication.App_Code.Controladores" %>--%>
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html>

<html lang="en">
<head id="Head1" 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>
<link rel="Shortcut Icon" href="images/favicon.ico" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/custom.css" rel="stylesheet" type="text/css" />
<link rel="Shortcut Icon" href="images/favicon.ico" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic"  rel="stylesheet" type="text/css" />
<script type="text/javascript" src="~/Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript" src="~/Scripts/bootstrap.js"></script>
<script type="text/javascript" src="~/Scripts/bootstrap.min.js"></script>
</head>
<body style="background-image:url(Images/fondo.jpg); background-repeat: no-repeat; background-position: center; background-attachment: fixed";  >
<form id="Form1" runat="server">

    <asp:ScriptManager ID="ScriptManager1" 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="container">
            <div id="logo" >
                <img id="Img1" runat="server" src="Images/logo.png" alt="Freshdesign" />
            </div>
    </div>
    <nav class="navbar navbar-default" role="navigation" >
        <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>

            </div>
            <div class="collapse navbar-collapse">
                <%
                    //string dominio = System.Configuration.ConfigurationManager.AppSettings["dominio"].ToString();
                %>
                <ul class="nav navbar-nav">
                   <%--<li class="active"><a href="<%=dominio%>">Inicio</a></li>--%>
                    <li ><a id="A1" href="~/" runat="server">Incio</a></li>
                    <li > <a href="Pedido_Emergente/Pedido_Emergente.aspx" id="A2" runat="server"> Pedido Emergente</a></li>
                     <li id="Li1" class="dropdown" runat="server">
                        <a href="" runat="server"  class="dropdown-toggle" data-toggle="dropdown"  id="PedidoEmergente">Pedidos<b class="caret"></b></a>
                        <ul id="Ul1" class="dropdown-menu" runat="server">
                        <li> 
                            <a href="Pedido_Emergente/Pedido_Emergente.aspx" id="Pedido"> Pedido Emergente</a>
                        </li>
                        </ul>
                     </li>




                </ul>
                <asp:LoginView ID="LoginView1" runat="server" ViewStateMode="Disabled">
                    <AnonymousTemplate>
                        <ul class="nav navbar-nav navbar-right">                                
                            <li><a id="A3" runat="server" href="~/Account/Login">Log in</a></li>
                        </ul>
                    </AnonymousTemplate>
                    <LoggedInTemplate>
                        <ul class="nav navbar-nav navbar-right">
                            <li><a id="A4" runat="server" href="~/Account/ChangeKey" title="Cambiio de clave">Conectado, <%="" %> !</a></li>
                            <li>
                                <asp:LoginStatus ID="LoginStatus1" runat="server" LogoutAction="Redirect" LogoutText="Salir" LogoutPageUrl="~/" OnLoggingOut="Unnamed_LoggingOut" />
                            </li>
                        </ul>
                    </LoggedInTemplate>
                </asp:LoginView>
            </div>
        </div>
    </nav>


    <div class="container body-content">
        <asp:ContentPlaceHolder ID="MainContent" runat="server">
        </asp:ContentPlaceHolder>
        <hr />

        <footer>

                    <asp:UpdatePanel ID="updtePnlMensajes" runat="server">
        <ContentTemplate>
            <asp:Panel ID="pnlMensajes" runat="server" Height="60px" HorizontalAlign="Center"
                Width="99%" BackColor="White" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px"
                ScrollBars="auto">
                <table>
                    <tr>
                        <td>
                            <asp:UpdateProgress ID="upgPrincipal" runat="server">
                                <ProgressTemplate>
                                    Procesando...&nbsp;
                                    <asp:Image ID="imgProgreso" runat="server" ImageUrl="~/Images/working.gif" />
                                </ProgressTemplate>
                            </asp:UpdateProgress>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <%--<asp:Label ID="lblMensaje" runat="server" Font-Bold="True" ForeColor="Red" />--%>
                            <div style=" width: 100%; text-align: center;">
                             <asp:Label ID="lblMsjError" runat="server"  Font-Bold="True" ForeColor="Red"  ></asp:Label>
                            </div>
                        </td>
                    </tr>
                </table>
            </asp:Panel>
            <cc1:AlwaysVisibleControlExtender ID="avceMensajes" runat="server" TargetControlID="pnlMensajes" 
                HorizontalSide="Center" VerticalSide="Bottom" />

        </ContentTemplate>
    </asp:UpdatePanel>





            <p>&copy; <%: DateTime.Now.Year %> -  ASP.NET Application</p>
        </footer>
    </div>
</form>

2
  • que dice el mensaje de error que recibes ? ademas si en la pagina defines el tag script para que usas el ScriptReference, ojo porque si usas el tag script no aplica el ~/ no podra resolverlo el 9 mar. 2016 a las 16:48
  • Gracias por responder, utilice el tag scripts ya que como mencionaba al quitar los comentarios del jquery y bootstrap del ScriptReference me sale este error: 'jquery' no es un nombre de script válido. El nombre debe acabar en '.js'. Detalles de la excepción: System.InvalidOperationException: 'jquery' no es un nombre de script válido. El nombre debe acabar en '.js'. entonces quise resolverlo utilizando el tag, y aunque ya corregi lo que me decis dle tag pero no resuelve lo del navbar, simplemente solo me muestra el menu principal pero no despliga los items
    – Jose Felix
    el 9 mar. 2016 a las 20:29

1 respuesta 1

1

Aconsejaria es que elimines del código los ScriptReference como ser

<asp:ScriptReference Name="jquery" />

Y los reemplaces por el tag script usando el ResolveClientUrl()

<script type="text/javascript" src="<%= ResolveClientUrl("~/Scripts/jquery-1.10.2.js") %>></script>

de esta forma resolvera la url de forma relativa a la pagina que haga uso de la master

Aqui

[ASP.NET] Master Page - Referencia relativa a elementos de la página

explico sobre el tema

1
  • Lo reemplace de la siguiente manera: <script type="text/javascript" src="<%= ResolveClientUrl("~/Scripts/jquery-1.10.2.js") %>></script> <script type="text/javascript" src="<%= ResolveClientUrl("~/Scripts/bootstrap.js") %>></script> <script type="text/javascript" src="<%= ResolveClientUrl("~/Scripts/bootstrap.min.js") %>></script> pero aun así sigue sin funcionar, solo se muestra la barra del nav bar y los menu principales pero los items no.
    – Jose Felix
    el 9 mar. 2016 a las 23:13

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.