asp.net - using inline content in jquery thickbox -
i use jquery thickbox 3.1 , , here code
<telerik:radlistview runat="server" id="mydatalist" allowpaging="true" datakeynames="id" itemplaceholderid="placeholder1" needdatasource="list_datarebind"> <layouttemplate> <div class="sushibar"> <asp:panel id="sushipanel" runat="server"> <div class="sushi"> <asp:placeholder id="placeholder1" runat="server"></asp:placeholder> </div> <telerik:raddatapager id="raddatapager1" runat="server" pagesize="4" pagedcontrolid="mydatalist"> <fields> <telerik:raddatapagerbuttonfield /> <telerik:raddatapagerpagesizefield /> <telerik:raddatapagersliderfield /> </fields> </telerik:raddatapager> </asp:panel> </div> </layouttemplate> <itemtemplate> <div class="imagediv"> <span style="margin-bottom: 5px; display: block; color: #ff6600; font-weight: bold;"> <%#eval("title") %></span> <br /> <a href='<%#eval("imagepath")%>' title='<%#eval("title")%>' class="thickbox" > <img src='<%#eval("imagepath")%>' alt="single image" width="150px" height="200px" /></a></div> </itemtemplate> </telerik:radlistview>
popup box image , title show correctly , have field(<%#eval("description")%>
) show !
found how show inline content in thickbox ,
<input alt="#tb_inline?height=300&width=400&inlineid=myonpagecontent" title="add caption title attribute / or leave blank" class="thickbox" type="button" value="show" /> <a href="#tb_inline?height=155&width=300&inlineid=hiddenmodalcontent&modal=true" class="thickbox">show hidden modal content.</a>
but don't know how use in listview
!
:d , found answer ! put contents ( image + description ) hidden division (style display:none
) , set div id
inlineid
.
<itemtemplate> <div class="imagediv"> <span style="margin-bottom: 5px; display: block; color: #ff6600; font-weight: bold;"> <%#eval("title") %></span> <br /> <div id="popupregion" style="display: none"> <img src='<%#eval("imagepath")%>' alt="single image" width="500px" height="600px" /> <p> <%#eval("description")%></p> </div> <a href="#tb_inline?height=800&width=600&inlineid=popupregion" title='<%#eval("title")%>' class="thickbox"> <img src='<%#eval("imagepath")%>' alt="single image" width="150px" height="200px" /></a></div> </itemtemplate>
Comments
Post a Comment