If I deployed a Community plugin and set up a key-binding in CodeRush, how do I now find where I filed it in the options dialog / tree hierarchy ?
Open the CodeRush options screen (Either choose DevExpress \ Options from the menu or hit Ctrl+Shift+Alt+O)
Then locate IDE \ Shortcuts folder in the page hierarchy on the left.
Above the shortcut tree, there is a toolbar containing several buttons which are useful in different circumstances.
In this case the following 2 options may be of some use.
Option 1 - Search
The 2nd last icon on the toolbar (a magnifying glass) is a search facility which can be used to search for shortcuts.
You can search by folder, key binding, mouse binding or by command name.
Option 2 - Flatten hierarchy and sort.
Click third last icon in the toolbar (a folder) to collapse the hierarchy.
You'll now be viewing the same set of shortcuts in a flat grid rather than in a tree.
You should now be able to sort by either Shortcut or Command and easily locate the binding you're after.
We recommend placing user created bindings in a custom root folder within the hierarchy so as to easily distinguish between your own shortcuts and those shipped with CodeRush.
This can also ease transferal of these shortcuts to other machines since this will cause said shortcuts to be placed in a file of their own.
In the CodeRush Options Dialog
IDE \ Shortcuts.
Click the 'find' magnifying glass.
on the 'Key Shortcut' tab type the keybinding of the command you bound.
Or, on the 'command' tab, type part of the plugin name.
Job Done.
Thanks.
Related
Disabled users who cannot control a mouse use the keyboard to navigate the page. How do you allow them to select the various styles (like bold etc) in ckeditor5? These elements are NOT in the tabindex of the page by default.
Tabbing through a form, I expect to be able to interact with every interactable element on a page
I see that CKEditor 5 has a list of keyboard shortcuts in their documentation. Pressing Alt + F10 (may require Fn) when the editor input area has focus moves keyboard focus to the editor toolbar. Then, keyboard arrow keys can be used to navigate the toolbar.
I am not saying that CKEditor is accessible, but it is information you may consider.
WCAG 2.1.1 says that all functionality must be available from the keyboard. Sometimes people mistakenly interpret that to mean that all interactive elements on the page must be keybaord accessible.
Here's a screenshot of ckeditor5 from their website. I'm not a ckeditor5 user but I'm assuming you're talking about the editing bar at the top.
While it's strongly encouraged to allow a keyboard user to navigate to the editing bar of ckeditor5, it's not strictly required if all the functionality of the editing bar is available via the keyboard.
For example, if I can select text then press Ctrl+B to make it bold, then the functionality of bold is available even if I can't tab to the 'B' on the editor bar.
The editing bar has a lot of stuff on it so everything would need a keyboard shortcut in order to pass WCAG 2.1.1. It looks like you can configure ckedit5 pretty extensively, https://ckeditor.com/docs/ckeditor5/latest/installation/getting-started/configuration.html
The docs on CKEditor keyboard support will list the possible keyboard controls to format text.
Text can be selected with Shift + the arrow keys
and formatted bold with Ctrl + b
for more options the menubar can be focused with Shift + F10
For web applications, the idea is to follow the desktop application’s keyboard conventions, so that users of assistive technology don’t need to learn yet another interaction paradigm.
The example to look at for rich text editors on Windows would probably be Word or Wordpad. There are two ways to format text.
Shortcut to open the menubar
The Menu bar pattern on the ARIA Authoring Practices Guide (APG) specifically mentions rich text editors in a note:
For example, a rich text editor may have a menubar that receives focus when a shortcut key, e.g., alt + F10, is pressed while editing. In this case, pressing Escape or activating a command from the menu may return focus to the editor.
For any common pattern you should find recommendations for the keyboard interface on the APG. Since it’s platform-independent (not only for Windows), such shortcuts will only be found in notes.
Shortcuts for formatting directly
Selected text can often be formatted directly by pressing + a letter for the English abbreviation of the format, like i for Italic or b for Bold.
CKEditor supports these.
There was a change in base code of Atom.io, so there is a tab row in all panel. It is still bearable in my file tree view, but I do think it is really annoying to have the tab in linter warning panel too.
Is there a way to get rid of it?
netizen's answer will work, but it will cause a potential problem for you later: if you end up with more than one component in one of your docks, you won't be able to see them, switch between them, close them, or rearrange them.
What you are seeing is that in Atom 1.17, a new UI building block was added, called Docks. You can read more about Docks in the blog post where they were announced, or in the deep dive written by the Nuclide team.
Instead of specific components written to sit in a special place in the window (such as tree-view, which sat on the left edge), now you have Dock areas: left, bottom, and right. Any component can sit in one of them, and more than one component fits into a dock.
This is like having multiple files in the editor window: you need a way to rearrange them, see all of them, and switch between them. Tabs are the answer to this problem.
Some people find it visually annoying to see the tabs when only one tab exists. Atom offers an option (in the tabs package) to change this behavior.
It turns out that this option covers all of the tab bars, not just the tab bar in the file editor.
You can find the option in the settings for the tabs package.
Open Atom preferences
click "Packages"
search for "tabs"
click "Settings" on the "tabs" package
Un-check "Always Show Tab Bar"
As I mentioned above, this will affect both your editor tabs and the tabs in Docks. When only one tab exists, the tab bar is hidden, and it is shown again when more than one tab exists.
Insert this into yous styles.less file:
.atom-dock-inner .bottom .tab-bar { display:none; }
Edit: As the comment below from #dan-lowe points, this solution has important drawbacks. It should be applied as a last resort and only to this version both of Atom editor and linter-ui-default, as the docks API is new and prone to changes.
I have a situation where I need to merge several classes manually. They contain a huge amount of overrides within an 18,000 line CSS file.
I started making some changes to the huge CSS file and I realize that CSS loads the last case of a property so I did this all very carefully. For the most part things worked well. But, I did find one icon that was wrong and one text link that was the wrong font. So I thought, is there a way that I can compare the before and after state of this work precisely. I don't mean visually. But instead like two full text output files of the results of the computed CSS for the entire current page so I can run a compare on them in notepad++
Sorry if this is an ignorant question as I am a self taught web novice.
You can use notepad ++ to compare two files. You will need a compare plugin to be installed in notepad ++. Please follow the steps below:
Install the Compare Plugin
1. Launch Notepad++.
Click the “Plugins” menu, select “Plugin Manager” and click “Show Plugin Manager.” A list of currently available plugins populates the plugin manager screen.
Check the box next to “Compare.”
Click the “Install” button at the bottom of the screen. The Compare plugin will download and install. If an administrator authentication dialog appears, click the “Allow” button.
Using the Notepad++ Compare Plugin
1. Launch Notepad++ and open the two files you wish to run a comparison check on.
Click the “Plugins” menu, select “Compare” and click “Compare.” The plugin will run a comparison check and display the two files side by side, with any differences in the text highlighted.
Reset to the original window configuration and appearance by clicking the “Plugins” menu, selecting “Compare” and clicking “Clear Results.”
For reference click here
Sorry if this is the wrong place to answer but I found no other community which could help me with this. I accidentally closed the left-sidebar that shows the currently open project and it's files. Not sure what it's called, maybe navigation, folder view, either way, I tried pressing nearly every key combination to no results. I tried searching in the command palette for something that looked like "open project sidebar" but nothing. Now I'm stuck having no idea how to restore my primary navigation means when working with Atom. I tried opening multiple projects but I just get a black screen without the project sidebar, like it was hidden.
Any ideas?
I'm talking about this sidebar:
It is called "Tree-View".
You should be able to enable it via command pallete or ctrl + ,
It depends on your OS. On Mac OS X, it's CMD-\ (Command-Backslash) to toggle it. The option located on the View menu, called Toggle Tree View (the last menu option).
In this documentation (under section "Specifying a Custom Executable to Run") I noticed that there is mention of what looks like a variable %{buildDir} in the field "Working directory".
I have struggled for a while now to find documentation for this feature. I would like to know first of all is there documentation for this somewhere?.
Secondary questions:
What other variables are available?
In which fields can they be used?
Can I access variables that I created in my project's .pro file?
Are there any other eval features or is this mechanism limited to variables?
Thanks!
As mentioned in the comments there is a "variables" button... supposedly for use all over the qt environment. However I have only found it available in obscure places that are not very useful!
However, you can at least get the list of vars from these places and use them where you actually need them. To find this, navigate to:
Tools (menu) --> Options --> Environment (tab) --> External Tools
Click "Update Translations..."
Click inside "Working Directory.." and you should see a "AB->" icon in colour to the right.
Click the icon for your list of vars.
You will notice that the style is a little different then %{BuildDir} but I believe the equivalent is %{CurrentProject:BuildPath} - You can see on the second screen shot I have right clicked and it asks you what you want to insert (the variable, or the value of the variable).
Annoyingly I could not figure out how to copy / paste the whole list as it is single line click only... maybe someone more clever can figure that out and we can stick that list in some Qt wiki :o
Here are the screen shots... Notice in screen shot 1 the little icon at the right side of "Working Directory" text-edit box.
In text edit widgets within Qt Creator (v5.14.0 and possibly earlier), there is an icon at the right end. Click on it, and a dialog of all the possibilities comes up. Make sure that the caret is at the proper position in the text edit widget.