I forum Ricerca FAQ
Fai una domanda
Ultimo messaggio
vicenzino.ferro
vicenzino.ferro
il 24 giugno 2015 alle 10:25
1 messaggio dal 22 febbraio 2012
Salve a tutti,
sto convertendo un sito con DataList a 3 colonne in un sito responsive.
Ma non riesco in alcun modo a convertire la Datalist in modo che si auto adatti alla dimensione della pagina.
C'è qualcuno in grado di aiutarmi.
Grazie 1000.
RispondiQuoting
BrightSoul
BrightSoul
il 25 giugno 2015 alle 23:41
11.886 messaggi dal 09 febbraio 2002
Contributi
Ciao,
se vuoi produrre un elenco sfruttando il grid system di Bootstrap, allora la DataList ti sarà d'intralcio perché inserisce dell'HTML che in questo caso è indesiderato.

Usa invece un Repeater, che non produce alcun tipo di output se non quello che indichi nei suoi templates. Prova così:
<asp:Repeater ID="lista" runat="server">
    <HeaderTemplate><div class="container-fluid"><div class="row"></HeaderTemplate>
    <ItemTemplate>
        <div class="col-sm-4"><%# Eval("NomeCampo") %></div>
    </ItemTemplate>
    <FooterTemplate></div></div></FooterTemplate>
</asp:Repeater>

Avendo usato la classe col-sm-4, le voci si disporranno su 3 colonne (perché una riga nella grid system di Bootstrap è formata da 12 unità e 4*3=12). Quando riduci la finestra al di sotto della taglia "sm" (cioè 750 pixels), allora il layout a griglia verrà abbandonato e le voci di disporranno in verticale.

La classe container-fluid della div contenitrice ti assicurerà che l'elenco andrà ad occupare tutta la larghezza disponibile.
ciao,
Moreno
Modificato da BrightSoul il 25 giugno 2015 23.42 -
Enjoy learning and just keep making
RispondiQuoting

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.