Bonjour,
Je souhaiterais avoir aligner les zones DragHandleTemplate et ItemTemplate sur la même ligne.
Mais pour le moment, le DragHandleTemplate et l'itemTemplate s'affichent sur 2 lignes.
Le code source aspx:
le code généré :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50 <style type="text/css"> .OrderedList li { list-style: none; } .dragHandle { width:10px; height:10px; border:thin outset white; background-color:red; } .processing { background-color:yellow; color:black; border:thin inset white; } .reorderCue { background-color:green; border:thin dotted black; height:25px; } </style> <div class="OrderedList"> <table> <tr><td> <EFileAjax:ReorderList ID="OrderList" runat="server" AllowReorder="true" LayoutType="User" OnItemReorder="OrderList_ItemReorder" PostBackOnReorder="true" OnItemDataBound="OrderList_ItemDataBound" > <ItemTemplate> <%# HttpUtility.HtmlEncode(Convert.ToString(Container.DataItem))%> </ItemTemplate> <ReorderTemplate> <asp:Panel ID="Panel2" runat="server" CssClass="reorderCue"> </asp:Panel> </ReorderTemplate> <DragHandleTemplate> <div class="dragHandle"></div> </DragHandleTemplate> </EFileAjax:ReorderList> </td></tr></table> </div>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 <div id="ctl00_MainContentPlaceHolder_OrderList"> <ul id="ctl00_MainContentPlaceHolder_OrderList__rbl"> <li id="ctl00_MainContentPlaceHolder_OrderList__rli0" style="vertical-align: middle;"> <div> <div id="ctl00_MainContentPlaceHolder_OrderList__rli0___dih0"> <div> <div class="dragHandle"> </div> </div> </div> <div> Item 1 </div> </div> </li> </ul> </div>
Quelqu'un aurait-il une idée?
Partager