locked
Hoqw do I create tabs and call pages to the opened tab? RRS feed

  • Question

  • User743508062 posted

    Hi, another Q:

    I have a cshtml page that displays a dynamic list using one of Mike's examples.

    On this same page I need to have four tabs which cannot interfere with the list ie the list should not be covered or discarded.

    I have looked at a number of solutions including a jquery sample but I cannot change the size vertically or horizontally. Also the tabs need to pull a webgrid which is working in their respective 4 pages (rendRange, rendSKU, rendPTX and rendStorage) all of these page must also have a filtering option as well. I can make all these but cannot fathom how they work with the tabs.

    I would be grateful for some assistance either by way of a tutorial or some samples that I can modify for my own use. Many thanks.

    Wednesday, July 10, 2013 7:59 AM

Answers

  • User379720387 posted

    I have a dialog that is generated as a result of a query.

    Inside the dialog there are multiple tabs, displaying subsets of information. Both the dialog and the tabs are standard jQuery functionality.

    Although I have no webGrids in any of these tabs, I could see that adding them would not be a problem at all.

    Several queries and webGrid definitions, feeding information for each tab.

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, July 10, 2013 8:24 AM

All replies

  • User379720387 posted

    I have a dialog that is generated as a result of a query.

    Inside the dialog there are multiple tabs, displaying subsets of information. Both the dialog and the tabs are standard jQuery functionality.

    Although I have no webGrids in any of these tabs, I could see that adding them would not be a problem at all.

    Several queries and webGrid definitions, feeding information for each tab.

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, July 10, 2013 8:24 AM
  • User743508062 posted

    Hi wavemaster, yes you are right that is what I need. Do you, by any chance, have a link?

    Thanks.

    Wednesday, July 10, 2013 8:35 AM
  • User379720387 posted

    I sent you a private message.

    Wednesday, July 10, 2013 9:24 AM
  • User895691971 posted

    Hi you might be using some kind of database or some other souce. Let me help you! In this site (asp.net) you have a page for Database.

    <body>
       <h1>Small Bakery Products</h1>
       <table>
           <thead>
               <tr>
                   <th>Id</th>
                   <th>Product</th>
                   <th>Description</th>
           <th>Price</th>
               </tr>
           </thead>
           <tbody>
               @foreach(var row in db.Query(selectQueryString)){
                <tr>
                   <td>@row.Id</td>
                       <td>@row.Name</td>
                       <td>@row.Description</td>
                       <td>@row.Price</td>
                </tr>
               }
           </tbody>
       </table>
     </body>

    Link that I am using: http://www.asp.net/web-pages/tutorials/data/5-working-with-data

    You can use foreach, that will automatically create new cells for that table! Hope it helps you.

    If you need more help tell us!

    Saturday, July 13, 2013 1:45 AM