I am trying to make a menu page where you have 3 tabs: Windows, Linux, Mac. Then when you hit Windows it not only downloads the windows installer but also opens install instructions for Windows. If you open the Linux tab, it will download the Debian package but also open Linux instructions on how to install it. I want it kind of like this site. Also, try making it simple because I am only a beginner in HTML.
https://www.jetbrains.com/pycharm/download/#section=windows
Example:
When I click on the Linux tab on this page:
Click HERE for image
the instructions popup reads instructions for the Linux install:
Click HERE for image
But when I got to the Windows tab, the instructions tab changes:
Click HERE for image
You can add event listeners to all the three tabs, like if the user clicks windows then on click change the link of the download button to the target file you wish to download and similarly for the other two.
If the download button is:
<button href="/path/to/windowsDownload" download>Download</button>
Now if the user clicks, Linux button, add event listener to Linux button as:
document.getElementById('linux-btn').addEventListener('click', () => {
document.getElementsByTagName('button'[0].setAttribute('href', '/path/to/LinuxDownload')
})
Similarily add an event listener for the other two buttons as well, i.e windows and mac respectively.
Related
You can open extensions as applications using the GUI, but I cannot find the settings for it. They used to be under Chrome://Extensions, but the setting is not there any more.
You can also have the extension export a shortcut in the interface, but I just cannot find it.
I figured it out for Chrome Version 67.0.3396.99:
Go to Chrome://apps
Right click your app and select App Info
Select the drop down and press "Open as Window"
Close the popup
Go back and right click on your App
Click "Create Shortcuts..."
Select the checkboxes of where you would like the shortcuts (Desktop, Start Menu, Pin to Taskbar)
Press "Create" Button
I am unable to find the shortcut key for this button. And as I do not know the name of this button I cannot search for it.
There is no shortcut by default, but you can go to Settings and type "tool buttons" into the search bar. Then you can assign a keystroke to "Tool Buttons" feature.
Here is your answer from official docs
Hiding all tool windows attached to the same tool window bar
Do one of the following:
Press and hold the Alt (for Windows and Linux users) or ⌘ (for macOS users) key, and click hide on the title bar of any of the tool
windows attached to the corresponding tool window bar.
Choose Window | Active Tool Window | Hide Side Tool Windows in the main menu. This command hides all the tool windows attached to same
tool window bar as the active tool window or the last of the active
tool windows.
I find that double tapping Alt key does the trick for me.
Maybe is Ctrl+Tab
Check this. In the link you can read :
Switch between the tool windows and files opened in the
editor. Ctrl+Tab
Is it possible to link project window/bar with editor? In eclipse there is button in project window called "link with editor". I would like to have exactly the same thing in PhpStorm.
Explanation:
Current active file opened in editor is automatically highlighted in project tree. If I change active file in editor to another, without even touching project window, it should change highlighted file as well. It should also keep current active file highlighted all the time if possible.
I didn't found such option in PhpStorm. If there is no such thing in PhpStorm, maybe there is plugin for that?
Just enable "Autoscroll from Source" in Project View side panel options (under "cog" icon or via right click on panel header/title)
I have a silly question.
Is there any way to make a custom adobe air application installer?
Now, after I click on the badge "install" button (on the web site), air app starts installation process in 4 steps (3 mouse clicks):
First, I have 3 buttons ("open", "save" and "cancel"), I click on "open";
Then I have 2 buttons ("install", "cancel"), and I have to click on "install";
After that, I have options to change installation directory location, add shortcut icon on the desktop, and 2 buttons again ("continue" and "cancel"), I have to click on "continue";
And finally, installation begins.
Is there any way to avoid some steps here (e.g. second step), or maybe to disable some buttons (like "save" button in the first step, or "add shortcut icon on my desktop" in the third)?
If it's not possible, is there any way to create custom air app installer?
Thanks
P.S. I don't have problem with these 3 mouse clicks during installation, but my clients consider that "I have" 1 extra click.
Check the below links for more clarity
http://help.adobe.com/en_US/air/build/WSfffb011ac560372f709e16db131e43659b9-8000.html
http://www.adobe.com/devnet/air/articles/customize-setup-for-AIR-app-with-captive-runtime.html
If you want custom badge style, you have to pack your app as captive runtime and create your own installer.
Does extensions work if I save chrome page as shortcut application?
I've tried but no result.
We know that if we save page as application, there would be no address bar and all other browser buttons.
I've developed simple extension, with no UI, just javascrips running in background.html page. So, as I see no scripts are running in application. But I need them work.
What can I do?
Simply edit the shortcut path and append --enable-extensions.
To edit a Windows 7 pinned taskbar item, right click it then right click the program name and select Properties from the menu.