Layout Side Panel

From FirebugWiki

(Difference between revisions)
Jump to: navigation, search
m (Added image)
m (Added categories)
 
(2 intermediate revisions not shown)
Line 6: Line 6:
== Options Menu ==
== Options Menu ==
 +
This menu is reachable via the little arrow in the panel tab ( [[File:LayoutSidePanelOptionsMenuArrow.png]] ) or by right-clicking on on the panel tab (since [[Firebug Release Notes#Firebug 1.9|Firebug 1.9]]).
 +
{| class="wikitable" style="width:100%; vertical-align:top;"
{| class="wikitable" style="width:100%; vertical-align:top;"
|- bgcolor=lightgrey
|- bgcolor=lightgrey
Line 14: Line 16:
For more info about tweaks available in Firebug please see the [[Firebug Preferences|full list of preferences]].
For more info about tweaks available in Firebug please see the [[Firebug Preferences|full list of preferences]].
 +
 +
[[Category:Firebug]]
 +
[[Category:UI]]
 +
[[Category:Panels]]

Latest revision as of 23:49, 21 November 2013

Layout Side Panel

The Layout Side Panel gives a quick overview over the box model values of the currently selected node inside the HTML Panel. But it also offers an easy way to change the values by simply clicking on one of them. When hovering over different parts of the box model, the element inside the page highlights, the borders of the hovered part has line guides and a horizontal and vertical rules for measurement.

The information currently displayed covers the values for margin, border, padding, width and height of the element as well as its position information, the z-index and box-sizing value.

[edit] Options Menu

This menu is reachable via the little arrow in the panel tab ( LayoutSidePanelOptionsMenuArrow.png ) or by right-clicking on on the panel tab (since Firebug 1.9).

Option Preference Description
Show Rulers and Guides extensions.firebug.showRulers Specifies whether to display rulers and guides when hovering the parts of the box model

For more info about tweaks available in Firebug please see the full list of preferences.

Personal tools