I forum Ricerca FAQ
Fai una domanda
Ultimo messaggio
frasso182
frasso182
il 26 novembre 2014 alle 10:30
1 messaggio dal 25 novembre 2014
Ciao, ho un problema con il seguente codice. Ho utilizzato il controllo ListView e ho impostato 3 elementi per riga, utilizzando il groupTemplate... il problema e' che me li sviluppa in verticale invece che in orizzontale, come fa normalmente.


               <asp:ListView ID="ListViewTopSeller" runat="server" GroupItemCount="3">
                    <LayoutTemplate>
                      
                        <div>
                            <div runat="server" id="groupPlaceholder">
                            </div>
                        </div>
                    </LayoutTemplate>
                    <GroupTemplate>
                             <div runat="server" id="ProductsGroup" class="group" style="width:251px">
                            <asp:PlaceHolder runat="server" ID="itemPlaceholder" />
                        </div>
                    </GroupTemplate>
                    <GroupSeparatorTemplate>
                        <hr />
                    </GroupSeparatorTemplate>
                    <ItemTemplate>
                        <div style="width: 242px; height: 160px; border: solid black 1px">
                            <div style="width: 80px; height: 160px; background-color: black; float: left; font-family: Arial">
                                <div style="height: 120px">
                                    <asp:Label ID="labelCodice" runat="server"
                                        Text='<%# Eval("codice")%>' ForeColor="White" Font-Size="10">
                                    </asp:Label>
                                    <br />
                                    <asp:Label ID="labelDscrizione" runat="server"
                                        Text='<%# Eval("descrizione")%>' Font-Size="X-Small" ForeColor="White">                                   
                                    </asp:Label>
                                    <br />
                                    <asp:Label ID="label" runat="server"
                                        Text='<%# Eval("przRivRiservato", "{0:c}")%>' ForeColor="White" Font-Size="15">                                       
                                    </asp:Label>
                                </div>
                                <div>
                                    <asp:Panel ID="pnlTileBottom" runat="server" BackColor="Orange" Width="80px" Height="40px"></asp:Panel>
                                </div>
                            </div>
                            <div>
                                <asp:Image runat="server" ID="imgProd" ImageUrl='<%# imageHelper.GetUrlImg(Eval("codice"), 160)%>' Width="160px" Height="160px"/>
                            </div>
                        </div>


                    </ItemTemplate>


                </asp:ListView>


ciao grazie
Modificato da frasso182 il 26 novembre 2014 10.49 -
RispondiQuoting
BrightSoul
BrightSoul
il 27 novembre 2014 alle 23:01
11.886 messaggi dal 09 febbraio 2002
Contributi
Ciao e benvenuto nel forum!
Forse puoi fare a meno del GroupTemplate. Penso che ti basti usare l'ItemTemplate per generare tutti gli elementi, uno dopo l'altro. In HTML, ogni elemento inline si dispone orizzontalmente di fianco al precedente, ammesso che ci sia ancora spazio sulla linea corrente. Se non c'è spazio, l'elemento fluirà naturalmente a capo.

Ecco un esempio di HTML e CSS in cui gli elementi sono disposti in una lista <ul>, che dovresti cercare di riprodurre con il ListView.
http://jsfiddle.net/mduxqytk/1/
Il markup così resta abbastanza semplice, e gli elementi si disporranno in base alla larghezza di pagina, anziché su 3 colonne fisse. Ad esempio, prova a ridimensionare il riquadro dell'anteprima: se la pagina è più stretta (come nel caso di un dispositivo mobile), gli elementi si disporranno su 2 colonne o su una sola colonna, in base allo spazio disponibile.

Altra cosa: cerca di non usare stili inline. Metti tutte le regole di stile in un file .css a parte. Struttura e presentazione andrebbero sempre separate.

ciao,
Moreno
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.