How to change an icon on a progress window? - progress-4gl

In Progress 11.3.2 (Developer Studio 3.7 - Eclipse 3.8.2), not using dot net at all:
How do you change the icon a window uses (*.w)?
Found this:
http://www.oehive.org/node/512
Could not get it change any graphics but it had no errors.

In the outline view:
You can right click the window (not the frame) and open up the property sheet:
Click the "Icon Image" icon and select your icon.

You can use the small-icon as described in this knowledge entry.
You can also set that property via the property page on the AppBuilder Prospective.
The article mentions Webclient but this will work with a full client as well.

Related

Terminal is on top of vscode explorer [duplicate]

Is there a way to make terminal span the entire width of the application without closing the sidenav? I use it quite a bit, and often I have to hide the sidenav in order to see it in full width. It would be great if I could set it up so the sidenav is just alongside the editor, allowing terminal to take up the full width of the application.
This is in Stable v1.64 now.
Go to View/Appearance/Align Panel/Justify or use the Layout Control icon on the upper right mentioned below.
Other options for the Panel alignment are center/left/right.
Note that that the Layout icon on the upper right was recently added with this setting:
Workbench > Layout Control: Enabled
Also, as of v1.75 this can be done via the context menu for the Panel. Right-click on an open space of the Panel to the right of the View headers to open the context menu:
See Release Notes: Manage Panel Alignment
It's already available since version 1.64.
Let's switch to Justify option.
**Unfortunately, it is not possible at the moment.
There is a ticket for this feature in the VSCode repository - https://github.com/microsoft/vscode/issues/42149
UPDATE:
It's already available since version 1.64.
See other answers below for more information

Is there a way to programmatically change the color of an editor tab in my Eclipse Plugin?

I have a SharedHeaderFormEditor in my Eclipse RCP plugin.
One of my requirements is to draw attention to the editor's tab when something happens outside of the editor and it needs a refresh.
Some of the ideas discussed included
changing the color of the tab
adding an icon to the editor's text (instead of the standard * for a dirty editor)
Are either of those possible? I've been looking around and have not found anything that could address this issue.
Thanks!
ViewPart and EditorPart both allow changing the title label and icon (setPartName(…) and setTitleImage(…) respectively). The Eclipse Workbench also offers an IWorkbenchPartProgressService to each part, which allows a part to indicate that it's busy (via incrementBusy()/decrementBusy()) and that its content has changed (via warnOfContentChange()). You can see this used in the Search and Console views (org.eclipse.search2.internal.ui.SearchView and org.eclipse.ui.internal.console.ConsoleView).

Eclipse IDE - What are breadcrumbs, and how do I disable them? [duplicate]

How can I disable the Java editor breadcrumb in Eclipse?
If you are referring to the breadcrumbs in the help file of a RCP application, there is only a manual way to do it.
Since Ganymede 3.4M5:
Michael Borgwardt mentions the toolbar icon
Slava Semushin provides a native shortcut based on Ctrl+3+bread, which points directly to the Toggle Java Editor Breadcrumb option.
Shachi reminds us below that you can right-click on any icon on the breadcrumb, and select the entry named "Hide Breadcrumb".
Original answer (manual way, through key mapping)
Find the file org.eclipse.help.webapp\advanced\breadcrumbs.css and replace its contents with.
.help_breadcrumbs {
display: none;
}
For the Java Editor breadcrumb, you need to assign a shortcut to the "Toggle Java Editor Breadcrumb" command (I have tested Alt+B, for instance)
That shortcut will make the breadcrumb bar appear/disappear at will.
With the editor window focussed, look for this icon in your toolbar:
And click on it. That's all. The icon is present by default, but can be deactivated, in which case you have to activated as in MvanGeest's answer.
Another way which works for me at Eclipse Indigo (3.7): press Ctrl+3 and type bread, after that click on item Toggle Java Editor Breadcrumb.
RightClick on any icon on breadcrumb.
There is an option named HIDE BREADCRUMB.
Click it and you are done. :D
Look for this icon in the toolbar:
This button toggles the Breadcrumb view on/off.
(I'm using Eclipse 3.7, and it's there by default)
Here it is :
In the toolbar, toggle bread crumb option.
Something like http://loadcontext.blogspot.com/2008/08/eclipse-34-breadcrumbs-hide-and-show.html?
Customize Perspective, choose the
Commands tab. In the Available command
group, choose Java Editor
Presentation. The Toolbar details
shows the button for Toggle
Breadcrumbs, which looks like a folder
with a C in a circle with a black
triangle on top of it.
Despite my absolute lack of experience with Eclipse, I suppose this setting must appear in other Presentation items too. After the button's enabled, all you have to do is click it. Or not?
Change property breadcrumb.org.eclipse.jdt.ui.JavaPerspective from true to false
in your org.eclipse.jdt.ui.prefs file.
In Juno: type 'Bread' and select 'Toggle Java Editor Breadcrumb'
It very simple just right click in your class editor then select bread crumb or directly right click in top of your class in tool bar then select hide breadcrumb then its done.
When you see the BreadCrumb toolbar, right-click on the green class icon and then from the menu options click on Hide Breadcrumb.

How to Display VS Code output window to side rather than below

In my VS Code set up I see the output/FSI frame below the main text editor pane like this:
whereas I would love it to appear to the right in the side-by-side view like it does on the images in this link: http://www.wintellect.com/devcenter/jwood/a-quick-look-at-f-in-visual-studio-code
Is there a config option I cannot find somewhere?
I tried Googling but drew a blank and cannot see anything obvious in the config options mentioned on the vs code site page describing the config options
as of version 1.51.1 right click in the right corner on the output panel. then select option 'move panel right'
I don't believe you can detach/move the output windows in Visual Studio Code. You can move the side bar to the left/right side, but that's it. There is no config option, sorry.
You could try posting a feature request on the GitHub page: https://github.com/Microsoft/vscode
EDIT: This was changed in VS Code 0.10.8, it was once on the side but was moved to the bottom. See this GitHub issue: https://github.com/Microsoft/vscode/issues/2806
This feature is not available yet in VS Code. However as of today (March 30, 2017) it's on 6 months roadmap so it should be done in a near feature.
This feature is available from version 1.18.0+
Simply click this icon to dock to the right:
Just follow the steps mentioned:
In Visual Studio Code -
View Tab > Appearance > Toggle Panel Position
That's it.
Your original link to the view your desire is obsolete, so it is a guess as to what you wanted. But here is a demo of setting up a terminal/output look side-by-side. It is a little tricky - you drag your Outline header over the Terminal header which will then allow you the option of putting it to the left or right of the Terminal:
its easy. just right-click on the terminal, select 'move panel right' like in the image below and voila
the image can be found here
Vertical Split:
From VS Code Menu bar:
View >> Appearance >> Move Panel Right
Version 1.47.0 of VS Code (at the moment of posting this, the latest one) allows you to drag output (or any other panel tab, e.g. terminal) to the activity bar. This way you can obtain output to the side of the editor.
Just right click on the panel of output section then select "Move panel left or right" as per your wish.
here your can see the move panel left option.
Press CTRL + SHIFT + P
Select Preferences: Open User Settings (JSON)
Insert (or change if it is there --search for it) the following config line:
"workbench.panel.defaultLocation": "right",
Save file.
That will work for new workspaces. VS-Code saves your preferences for each folder you start it in. So, if you navigate to a folder you previously called VS-Code in (I mean, from the terminal), it will open the output panel in the same location it was the last time you have used VS-Code from the same location.
After making the change above, go to a new place, like /opt and start VS-Code there to make a test.

How to use color picker (eye dropper)?

There is a very useful tool built in chrome dev tool, that I have just discovered. I even don't know its name, and I am not able to find it on google. I would say it is a pixel inspector tool.
I find the following method how to use it:
1a. Inspect an html element with background color.
1b. Define background color of an element.
Click on the color picker.
Move your mouse over any element on the page (not on the dev tool)
See: http://skalar.darkware.hu/skalkaz/Chrome-Colorpicker.gif
My questions:
What is this tool name?
How to use it easily? Most of the time I don't care the color, but I want to inspect the pixels of an icon.
Is there a hotkey of this tool?
To open the Eye Dropper simply:
Open DevTools F12
Go to Elements tab
Under Styles side bar click on any color preview box
Its main functionality is to inspect pixel color values by clicking them though with its new features you can also see your page's existing colors palette or material design palette by clicking on the two arrows icon at the bottom. It can get quite handy when designing your page.
It is just called the eyedropper tool. There is no shortcut key for it that I'm aware of. The only way you can use it now is by clicking on the color picker box in styles sidebar and then clicking on the page as you have already been doing.
Currently, the eyedropper tool is not working in my version of Chrome (as described above), though it worked for me in the past. I hear it is being updated in the latest version of Chrome.
However, I'm able to grab colors easily in Firefox.
Open page in Firefox
Hamburger Menu -> Web Developer -> Eyedropper
Drag eyedropper tool over the image... Click.
Color is copied to your clipboard, and eyedropper tool goes away.
Paste color code
In case you cannot get the eyedropper tool to work in Chrome, this is a good work around.
I also find it easier to access :-)