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

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -