Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><strong>Updated Answer</strong></p> <p><sup>* Updated answer which support the v2.1.1** bootstrap version stylesheet. </sup></p> <p><sup> **But be careful because this solution has been removed from v3 </sup></p> <p>Just wanted to point out that this solution is not needed anymore as the latest bootstrap now supports multi-level dropdowns by default. You can still use it if you're on older versions but for those who updated to the latest (v2.1.1 at the time of writing) it is not needed anymore. Here is a fiddle with the updated default multi-level dropdown straight from the documentation:</p> <p><a href="http://jsfiddle.net/2Smgv/2858/" rel="noreferrer">http://jsfiddle.net/2Smgv/2858/</a></p> <hr> <p><strong>Original Answer</strong></p> <p>There have been some issues raised on submenu support over at github and they are usually closed by the bootstrap developers, such as <a href="https://github.com/twitter/bootstrap/issues/160" rel="noreferrer">this one</a>, so i think it is left to the developers using the bootstrap to work something out. Here is a demo i put together showing you how you can hack together a working sub-menu. </p> <p>Relevant code</p> <p><strong>CSS</strong></p> <pre><code>.dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; } .dropdown-menu li:hover .sub-menu { visibility: visible; display: block; } .navbar .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px; } .navbar .sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; left: 10px; top: 11px; left: -6px; } </code></pre> <p>Created my own <code>.sub-menu</code> class to apply to the 2-level drop down menus, this way we can position them next to our menu items. Also modified the arrow to display it on the left of the submenu group.</p> <p><a href="http://jsfiddle.net/2Smgv/224/" rel="noreferrer">Demo</a></p>
    singulars
    1. This table or related slice is empty.
    1. POTwitter Bootstrap Multilevel Dropdown Menu
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USAsenar
    1. USAndres Ilich
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POTwitter Bootstrap Multilevel Dropdown Menu
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COAs of a Bootstrap 2.0.4, you must also have the declaration "display: block;" in selector ".dropdown-menu li:hover .sub-menu".
      singulars
      1. PO
      1. USOmar
    2. COI tried to implement it, the first submenu works fine. But if i'll add another submenu in the same menu, then things go wrong. For some reason it opens the first submenu instead of the second. Any idea's or clues would be welcome. Already thankx :)
      singulars
      1. PO
      1. USHermesTrismegistus
    3. COFound out that the submenu stays stuck next to the first menu item...
      singulars
      1. PO
      1. USHermesTrismegistus
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload