In WebStorm I want to hide the toolbar that appears on html files at the top. It shows the html selectors and ids drill down. I've circled it in the below picture...
Go to File -> Settings or press Ctr+Alt+S on windows. Then go to Editor-> General -> Appearance.
Then on the right side of the panel uncheck "Show HTML breadcrumbs(...)" line. Then restart the IDE to take effect.
Related
How to add right click menu inside the editor's gutter of vscode.
I want to have a provision to show/hide line numbers option on the right click inside the editor's gutter.
I am not sure about the extension point for this.
Unfortunately, this is not possible, yet.
I have filled an issue, "OnClick event on Gutter #5455" sometime ago, but it is still open, and no Milestone defined.
I'm not talking about the font-size of the editor window, simply the font-size of the text in the main menu bar and the folder/file navigation side panel.
I've googled all over and read through all the docs I could find to no avail. Thanks in advance!
How do I do this in Windows 7?
Sidebar and tab font are modifiable:
Sublime Text 2 how to change the font size of the file sidebar?
The package is now located at /opt/sublime_text/Packages/Theme - Default.sublime-package (for Linux installation).
Extract Default.sublime-theme to ~/.config/sublime-text-3/Packages/User and modify the content.
(This step can be simplified using the PackageResourceViewer package.)
Menu font doesn't seem to be modifiable.
As far as changing the font size in the main menu bar, this can be done through the Windows Control Panel, but any changes will be universal - they'll apply to all applications.
Finding the options to change the menu font and size is kind of complicated, but here's how I do it: Open the Control Panel and select Personalization, then down at the bottom click on Window Color. In the next window that opens, click on Advanced Appearance Settings... to open the Window Color and Appearance window. Click on the menu item Normal and select your preferred font and size, then click Apply to check it out. Hit OK when you're done, save your theme if you want, and you're all set.
Chrome Developer Tools allows you to apply a style rule in the Styles pane. I haven't found a way to do this in Safari (Style Rules pane). Any one know if it is possible?
Also, does Safari have rulers like Chrome does?
Safari 8.0.8 on OS X
Right-click any element and select Inspect Element from the pop-up menu
Ensure Styles and Rules are selected on the right hand side of the inspector
You can then either add individual rules by clicking + New Rule, or simply click and start typing rules where Click to Edit appears (refer to image below)
Enter your new rules and these will be applied to the element being "inspected" in the browser window.
As for a ruler? Well, I haven't found one, but the Inspect button will give you the dimensions of elements when hovered in the browser window.
Open the DevTools-like panel (CMD + OPT + C)
Click on the Elements tab
If it's not open yet, click on "Show the details sidebar" on the right (CMD + OPT + 0)
OR
Right-click element and select "Inspect Element"
If it's not open yet, click on "Show the details sidebar" on the right
(CMD + OPT + 0)
YES this is absolutely possible - and here is how:
Safari 6.x.x
(Safari 6.0.1 Solution Confirmed on Mac OsX)
for the newest version of Safari 6.0+ Apple has taken the luxury of removing those gui elements. the feature is still available however just a little more tucked away. to add your styles in safari 6 you need to follow said steps:
the STEPS:
first choose the {} brackets icon in the right sidebar
From the DOM model in the center white area of the web inspector- Click to select the HTML element you wish to view styles of. ( they will display in the right style sidebar )
On the right style sidebar: double click the closing brace on the existing style for the selector you wish to edit.
OR
Double click the open area beneath the "Style Attribute" drop down in that same sidebar to add your own styles to that particular element
Safari 5.x.x and previous (5.x.x Confirmed Win 7 & Mac OS X)
assuming you have enabled the inspector in the settings advanced menu you can begin right clicking and inspecting elements...
from that point select an element in the DOM on the left from the html markup. now on the right sidebar make sure the "Style" menu is expanded.
once here you have two options:
there should be a blank "element.style" selector available for every DOM element you can select from the left. these are intended for your customization. you can double click here to be given the option to add styles to that selector.
you can also click on the gear at the top right corner of the styles menu in that right side bar and choose the last option "New Style Rule" this will allow you to define your own selector independent of the DOM element you have chosen on the left
you can find the full apple documentation here
And what are counterparts to eclipse's declaration view and javadoc view?
In the Project View click on the "gear" icon and enable the Open Files with Single Click option:
Use Ctrl+Q for Quick JavaDoc and Ctrl+Shift+I for the declaration pop-up.
Now it's available in a simpler way. In the Project View click on the Gear icon and then click Open Files with Single Click:
Go to Preferences and turn on Enable preview tab, that will enable Open Files with Single Click for all projects.
Javadoc opens with Ctrl+Q
There's no declaration view per se, however, you probably will be satisfied with Ctrl+Shift+I shortcut for quick lookup.
Don't know of any ways to configure it to open files on single clicks. Somehow, if you get used to the shortcuts, you skip using mouse very much. For instance, Alt+Home will bring the navigation bar up and you can move with arrows and open the file with Enter. Or just use some other shortcuts like Ctrl+N or Ctrl+E depending on the context.
I've got a little (big) problem in Aptana. Whenever I try to edit my settings for a specific editor, I click "Apply", then "OK", but my preferences don't get saved, and if I open the settings again, the default ones are shown. What might be causing the problem?
I'm using Ubuntu 11.04 with Aptana build 3.0.4.201108101506.
I'm looking forward to reading your suggestions.
Alessandro Desantis
EDIT: The situations changed with version 3.0.5. Now, YAML editor's preferences get erased when closing the settings window as before, while others editors' ones are overridden with defaults when closing the IDE... This is very strange.
open preferences (settings)
click General
click editors
click text editors
change displayed tab width to 4
check insert spaces for tabs
click apply
click ok
open preferences (settings)
click aptana studio
click editors
click YAML (or desired editor)
change tab policy to use spaces
change tab size to 4
this worked for me