944 messaggi dal 11 febbraio 2013
ciao a tutti...belli e brutti.

Sto cercando di usare il componente in oggetto (bootstrap-multiselect 3) su uno webform...
quello che succede è che quando abilito il filtro ( enableFiltering: true) la
searchbox è quasi invisibile e non si vede il testo che si immette anche se il filtro funziona.
posto il markup nella speranza che qualcuno possa aiutarmi

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="datetimepickerESEMPIO.aspx.cs" Inherits="datetimepickerESEMPIO" %>
<%@ Register TagPrefix="cc1" Namespace="MioListBox" Assembly="App_Code" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
    
  
    <link href="Content/bootstrap.min.css" rel="stylesheet" />
  
    <link href="jQMultiSelectBootstrap/dist/css/bootstrap-multiselect.css" rel="stylesheet" />
 
 
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
    
    
  <asp:ListBox ID="lstFruits" runat="server" SelectionMode="Multiple"  Width="600px">
    <asp:ListItem Text="Mango" Value="1" />
    <asp:ListItem Text="Apple" Value="2" />
    <asp:ListItem Text="Banana" Value="3" />
    <asp:ListItem Text="Guava" Value="4" />
    <asp:ListItem Text="Orange" Value="5" />
</asp:ListBox>


</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ScriptSection" Runat="Server">

        
 <%--   <script src="Scripts/jquery-2.1.4.min.js"></script>--%>
<%--    <script src="Scripts/bootstrap.min.js"></script>--%>
        <script src="jQMultiSelectBootstrap/dist/js/bootstrap-multiselect.js"></script>

 <script type="text/javascript">
     $(function () {
         $('#<%=lstFruits.ClientID%>').multiselect({
             //includeSelectAllOption: true,
             enableFiltering: true
           
         });
     });
</script>

    

   
</asp:Content>
11.886 messaggi dal 09 febbraio 2002
Contributi
Ciao,
a me funziona correttamente con Chrome, Firefox ed Edge; ti mostro un'immagine con la select come unico elemento della pagina.
http://1drv.ms/1LGmuuK

E' possibile che tu abbia delle altre regole CSS che stanno interferendo sulla larghezza del componente?
Dal browser, fai tasto destro sulla casella di ricerca e clicca "Analizza elemento". Si aprirà il pannello con gli strumenti di sviluppo del browser e là potrai esaminare le regole CSS che si applicano al componente, col rispettivo file .css di provenienza. Puoi disattivarle temporaneamente una per una, per verificare se ce n'è una responsabile del problema. Per prime disattiva quelle che provengono dai tuoi file .css.

Verifica inoltre che i percorsi ai file .css di bootstrap e del multiselect siano corretti. Se non lo sono, nel pannello "Rete" o "Network" del pannello degli strumenti di sviluppo vedrai apparire dei 404.
Se, ad esempio, la tua pagina aspx è in una sottocartella del sito, il percorso a Content/bootstrap.min.css non è corretto perché non fa riferimento alla root del sito.

ciao,
Moreno
Modificato da BrightSoul il 20 settembre 2015 14.00 -

Enjoy learning and just keep making
944 messaggi dal 11 febbraio 2013
ineffetti ci sono altri componenti ...datetimepicker ad esempio ma tutto andava!

Poi dopo che ho visto la tua risposta mi sono ricordato di 404 per
http://localhost:12391/fonts/glyphicons-halflings-regular.woff2 ...ma non credevo potesse essere questo...leggendo velocemente avevo capito fosse un'impostazione di IIS

Ora cerco di capire come mai ho questa segnalazione e che debbo fare

grazie Moreno

dimenticavo: in edge e firefox funziona bene...su chrome no !
Modificato da jjchuck il 20 settembre 2015 20.31 -

ok anche rettificando l'errore con
<system.webServer>
<staticContent>
<remove fileExtension=".woff2" />
<mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
</staticContent>
</system.webServer>
in chrome ancora niente...la search box è quasi totalmente nascosta
Modificato da jjchuck il 20 settembre 2015 20.37 -

niente sono in palla...ora funziona solo in firefox ma non ho segnalazioni tipo 404...
Modificato da jjchuck il 20 settembre 2015 20.40 -
944 messaggi dal 11 febbraio 2013
una precisazione : non ci sono sottocartelle...le pagine sono nella root principale.

questo funziona in tutti i browser !
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="XXX_PROVE_NO_MASTERPAGE.aspx.cs" Inherits="XXX_PROVE_NO_MASTERPAGE" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
   
    <link href="jQMultiSelectBootstrap/docs/css/bootstrap-3.3.2.min.css" rel="stylesheet" />
    <link href="jQMultiSelectBootstrap/dist/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />

   
    <script type="text/javascript" src="Scripts/jquery-2.1.4.js"></script>
    <script src="jQMultiSelectBootstrap/docs/js/bootstrap-3.3.2.min.js"></script>
    <script src="jQMultiSelectBootstrap/dist/js/bootstrap-multiselect.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function () {
            $('[id*=lstFruits]').multiselect({
                includeSelectAllOption: true,
                enableFiltering: true,
                enableCaseInsensitiveFiltering: true,
            });
        });
</script>

</head>
<body>
    <form id="form1" runat="server">
    <asp:ListBox ID="lstFruits" runat="server" SelectionMode="Multiple"  Width="600px" >
    <asp:ListItem Text="Mango" Value="1" />
    <asp:ListItem Text="Apple" Value="2" />
    <asp:ListItem Text="Banana" Value="3" />
    <asp:ListItem Text="Guava" Value="4" />
    <asp:ListItem Text="Orange" Value="5" />
</asp:ListBox>
    </form>
</body>
</html>

quando lo inserisco in una pagina che eredita da master page dove ho solamente
<link href="Content/bootstrap.min.css" rel="stylesheet" />
<link href="Content/sb-admin.css" rel="stylesheet"/>
<link href="Content/plugins/morris.css" rel="stylesheet" />
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-2.1.4.js"></script>
<script src="Scripts/bootstrap.min.js"></script>
<script src="Scripts/plugins/morris/raphael.min.js"></script>
<script src="Scripts/plugins/morris/morris.min.js"></script>

non funziona piu !!!

ho provato ha spuntare
tutte le proprietà css ma niente ...
una cosa che dovrebbe essere semplice mi sta facendo dannare...
11.886 messaggi dal 09 febbraio 2002
Contributi
ciao,
ok, sei riuscito ad escludere parecchie possibili cause. Proviamo altro.

jjchuck ha scritto:

questo funziona in tutti i browser !

Ok, parti da quell'esempio e fai un passo alla volta. Per prima cosa prova a metterlo in una MasterPage senza alcuno dei file .css e dei .js che hai menzionato.

Funziona ancora? Se sì, inizia ad aggiungere gli altri .css e .js uno alla volta alla MasterPage e verifica se la multiselect si vede ancora bene.

Se non si vede bene, potrebbe essere che l'ordine dei file .css e .js non sia corretto. Magari quelli della multiselect appaiono prima di bootstrap. Verificalo dal browser, visualizzando il sorgente HTML generato dalla tua pagina aspx.

ciao,
Moreno
Modificato da BrightSoul il 21 settembre 2015 22.26 -

Enjoy learning and just keep making
944 messaggi dal 11 febbraio 2013
oggi ho avuto problemi straordinari e non ho potuto fare niente

solo ora con un controllo al volo in base al tuo suggerimento trovo
che i css vengono renderizzati prima ma i js no...sono dopo.

vuol dire che la master page è mal costruita ?
cosa faccio ?
Modificato da jjchuck il 22 settembre 2015 17.53 -
944 messaggi dal 11 febbraio 2013
ho inserito i controlli in un sito funzionante sempre con bootstrap e tutto funziona...comincio a pensare che il template sb-admin 1 che uso dia dei problemi

comunque domani provo bene a spuntare e spostare i file cercando di venirne fuori
grazie Moreno
944 messaggi dal 11 febbraio 2013
Niente non ne vengo fuori...come sposto qualcosa si incasina qualcos altro

con questo template
http://ironsummitmedia.github.io/startbootstrap-sb-admin/

e questi componenti nella stessa pagina

https://www.nuget.org/packages/Bootstrap.Multiselect/0.9.13
https://eonasdan.github.io/bootstrap-datetimepicker/
https://cdn.datatables.net/1.10.9/

... è un massacro ...almeno per me

non riesco proprio a capire come dare priorità ai riferimenti.

Torna al forum | Feed RSS

ASPItalia.com non è responsabile per il contenuto dei messaggi presenti su questo servizio, non avendo nessun controllo sui messaggi postati nei propri forum, che rappresentano l'espressione del pensiero degli autori.