How to create a Side Panel using the Firebug API? - api

Firebug.Panel can be used to create a new panel in the main Firebug window. I am wondering how to create a Side Panel for the HTML main panel?

Going by what the side panels built into Firebug are doing, I believe it should just be a matter of adding parentPanel: "html" to the panel.

Related

Intellij quick documentation is displayed in a separate panel instead of a popup

When I click Option-Q on an identifier to display the Quick-Documentation Popup instead of it showing up in a small dialog directly above the identifier it is showing in a large separate panel to the left.
This is suboptimal because the content is not where I wanted to look for it and because the new panel overlays the entire right side of the editor panel (and its contents).
Is there a Preferences setting for getting this to be a popup again?
Aha! There's a configuration menu that can be accessed by Right clicking on the top bar of the tool window. The first option Open as Popup is the one I wanted:

Custom tab control with close buttons

I want to have modern framework tab control (like in image) with close buttons that are removing tab like in chrome or firefox
http://i.stack.imgur.com/04sFX.png
is there any custom tab control like this or way to do this?
I've used fabtab in the past and it provides the features you are looking for. It is WPF.
https://fabtab.codeplex.com/

Inspect Element Using System.Windows.Forms.WebBrowser

Using the context menu inside internet explorer allows you to inspect the element to see styles etc attached to a html element.
Is there anyway that you enable this functionality inside the webbrowser control?
(I am guessing it is not included to make it lighter, if so is there an alternative?)
It is not my intention to make this available to the client but it would certainly help when debugging the pages sent to the control in my winform application.
As no one seemed to bite on this question I have settled with using the following solution.
https://getfirebug.com/firebuglite#Stable
Using the instructions on this page I was able to press F12 on the webbrowser control to show a "Lite" version of Firebug, this allows me to happily inspect the elements.

How to use Firebug CSS on dynamically appearing components?

I am working on a Javascript Based site, which uses the Dojo Framework.
I am using a DataPicker. I wish to change the background color of the datePicker, and hence I wish to look at where in the CSS is the color being set, so that I can override it in my CSS.
Usually I use FireBug and 'Inspect Element in FireBug' to view the HTML and CSS together. (or even Google Chrome's developer tools)
However this datepicker is a dynamically created component, and If I right click, or move my mouse into the Firebug window, the date picker is shutdown/destroyed. (You can check out the sample on the linked page itself)
Is there a way to inspect the CSS on these kinds of dynamic elements, using Firebug, or something else?
The best approach I've found for the dijit popup widgets is (using chrome)
Open the popup (in this case the date picker)
Right click on the element
Select "Inspect Element" from context menu
Chrome will open and transfer focus to the developer tools without blurring the focus of the page, keeping the popup open, allowing you to modify attributes and css rules and getting instant feedback.

ReportViewer duplicate toolbar on bottom of report?

Is there a means to duplicate the toolbar so it shows at the top and bottom of the report page? It can be a pain on long reports to scroll up to the top of the page in order to use various functions.
In my searching, I found this link about extending the ReportViewer control. Has anyone worked with it?
It is extremely easy to recreate the toolbar. I would recommend creating a custom toolbar, and placing it twice, where desired.
All the report functions can be called with ReportViewer.Function() calls.
You will need to handle Pagination, printing, export file.
To make this easy on you, here is a codeproject link to get you off your feet.
Custom Toolbar
It is what I used to get started on creating my custom toolbar.