The DnD Sanctuary

Pings => Otter Browser Forum => Topic started by: ersi on 2014-05-04, 19:38:30

Title: Otter Tips and Tricks
Post by: ersi on 2014-05-04, 19:38:30
In this thread, share your little discoveries :)


KEYBOARD SHORTCUTS

Reading this https://github.com/Emdek/otter/issues/161 I figured out how to customise keyboard shortcuts.

1. Go to Preferences --> Advanced --> Keyboard
2. Under Action Shortcuts, select Default setup
3. Press Clone next to it
4. Accept the name change
5. Select the renamed setup and press Edit next to it

Now you see a bunch of actions and you can personalise the keyboard shortcuts :)
To make sure that Otter uses the customised setup, move it upmost in the table.

Hopefully more actions and macros will become visible as the development progresses.
Title: Re: Otter Tips and Tricks
Post by: rhubarbpieguy on 2014-05-06, 21:03:22
I built "z" for back and "x" for forward but neither responds.  Is there an option to enable single-key shortcuts I'm not seeing?  My guess is the problem is elsewhere as my back and forward arrows don't work either.



Title: Re: Otter Tips and Tricks
Post by: ersi on 2014-05-07, 03:31:27
The single-key actions seem to be a missing feature. The ones I tried and got to work are:

- F1 for About application
- F5 for reload

When I try 'r' for reload, it's not just that it doesn't work - it refuses to stick. When I return to the configuration dialogue, it's gone! So this feature is either missing or disabled.
Title: Re: Otter Tips and Tricks
Post by: Emdek on 2014-05-21, 07:47:28
I'll investigate this, possibly some widget "eats" them but  it might be something wrong with recording / saving them.
Title: Re: Otter Tips and Tricks
Post by: ersi on 2014-05-29, 05:57:32
Despite its lack of some rather basic features and not quite providing the same level of configurability as Opera did, Otter is already a very good downloading tool.

- Downloads can be flexibly paused and resumed over app restart
- After crash, downloads can safely be resumed
- After partial download, the download can be continued with another tool, such as wget

These features describe the original Opera as well. Only torrent capability is still missing in Otter, but honestly, Opera needed some more up-front settings to make it a viable torrent downloader. For example, there should be a way to open a torrent file to start downloading, instead of opening a URL.
Title: Re: Otter Tips and Tricks
Post by: ersi on 2014-08-29, 20:08:17
More on single-key shortcuts.

There's buggy behaviour here. In my keyboard layout AltGr+2 makes @ sign but in Otter it causes the behaviour of key 2 (move to the right tab). This is surely not intended and should be fixed.

Also, changing the keyboard setup under Tools/Preferences/Advanced/Keyboard is buggy. I duplicated one of the setups there to delete the key 2 behaviour, so I could type AltGr+2 undeterred, but it had no effect. I'm sure that it's intended to have an effect when one duplicates a keyboard setup, moves it upmost on the list and changes its contents.

In the end, what had the desired effect was to DELETE ALL OTHER KEYBOARD SETUPS. Surely this was not intended to work like this!? The way it should work is to move the desired keyboard setup upmost on the list and there.

I am typing this here in the tips and tricks thread because this did the trick for me, but it's probably better called work around bugs.

I hope the Ctrl+Tab/Rightclick+scrollwheel feature gets implemented soon, so I get a replacement to the undesirable 1 and 2 keys.
Title: Re: Otter Tips and Tricks
Post by: Emdek on 2014-08-31, 17:44:25
@ersi, it is feature, not a bug. ;-)
Although I agree that it should be reworked to be more obvious, like adding checkboxes to decide which sets should be active or something like that.
It was done that way to allow to combine multiple lists without need to produce single set manually.
Title: Re: Otter Tips and Tricks
Post by: ersi on 2014-09-01, 03:42:27
@Emdek
The question arises: How do you plan to implement multiple setups, multiple interface interaction sets? How will you implement switching between them?

In Opera it works so that in each file there are all the keyboard shortcuts. I can keep multiple files in the dialogue and select between the files. The one that is selected works and the others just sit there until I select another one of them. Moreover, the selected file can be incomplete, in which case it will be completed from the default setup in the program directory, while my custom files are in the profile directory. Makes perfect sense.

What's the plan with your feature?
Title: Re: Otter Tips and Tricks
Post by: Frenzie on 2014-09-01, 10:16:52
I do think it could be interesting to have a base config and one or more overrides (or cascades if you like, because it's the concept used in CSS). The main problem is how to implement it in an intuitive manner. In lieu of that, I think Opera's solution is better.
Title: Re: Otter Tips and Tricks
Post by: Emdek on 2014-09-01, 18:51:57
@ersi, by adding checkboxes deciding which items are active.
Title: Re: Otter Tips and Tricks
Post by: ersi on 2014-09-02, 17:43:41

@ersi, by adding checkboxes deciding which items are active.

And what's the plan for cases of conflicts? By conflict I mean when a shortcut is reserved for one action in one file, but the same shortcut occurs in another file for another action.

I think already my case is bad enough and worth considering. My problem was that I needed to remove a shortcut and that's precisely what a normal user would do as I did: Go to the keybord shortcuts and remove the shortcut. But it turned out I have to delete entire files with I don't know how many useful shortcuts to get rid of a few bad shortcuts.
Title: Re: Otter Tips and Tricks
Post by: Emdek on 2014-09-07, 16:40:39
@ersi, in case of conflict we are using first occurrence, entries on top of the list have higher priority.
Title: Re: Otter Tips and Tricks
Post by: ersi on 2014-09-18, 14:04:44
This month Otter acquired systray icon. I updated by installing over my previous version and continued to use my old profile (since version 0.3 or so). When I launched the new Otter, the systray icon didn't show up by itself. I made it work this way:

- Go to about:config
- Look up EnableTrayIcon
- Set it to "false" and restart Otter
- Go to about:config again
- Look up EnableTrayIcon again
- Set it to "true" and restart Otter

This applies to Xfce.

In Openbox the systray icon worked just fine.

Thanks for the systray icon :) Looking forward to more flexible customisation of keyboard shortcuts, menus, toolbars, etc.
Title: Re: Otter Tips and Tricks
Post by: DogMatix on 2014-09-24, 23:05:27
I don't get the system tray icon on lxpanel (lubuntu 14.10). Tried disable/enable in about:config. Still nothing?

EDIT: After installing weekly #38. I now have the tray icon in lxpanel.  :yes:
Title: Re: Otter Tips and Tricks
Post by: ersi on 2014-09-26, 16:45:58
Good that it worked. I was just going to suggest trying new profile.
Title: How to add more adblock lists
Post by: ersi on 2014-11-04, 11:48:21
In the profile folder, there's an adblock.ini file and adblock folder with adblock lists (text files in the folder). If the number of immediately available lists is not enough for you, it's possible to add more. For example, I wanted to suppress social sharing banners in Otter with Fanboy's Social Blocking List, which is not pre-included.

1. Close Otter
2. Save an adblock list in adblock folder in the profile, for example https://easylist-downloads.adblockplus.org/fanboy-social.txt
2. Open up Otter's adblock.ini in a text editor
3. The contents of the ini file has quadruple lines like this:
Code: [Select]

[EasyList]
enabled=false
file=easylist.txt
title=EasyList

4. Duplicate (copy and paste) one such quadruplet in the file.
5. Change the relevant parts to reflect the new adblock list. For Fanboy's Social List:
Code: [Select]

[FanboySocial]
enabled=true
file=fanboy-social.txt
title=FanboySocial

6. Save the ini file.
7. Next time you open Otter, you will see the list added and active under Tools -> Content Blocking and right-click -> Content Blocking.
Title: Place tabbar anywhere
Post by: ersi on 2014-12-14, 17:16:39
There's some space on the left-hand end of the tabbar. I used to think it was an unaesthetical glitch of design, but actually it's the place where to grab the tabbar with the mouse and lift it from the top to left, right, or bottom in Otter :)

And hopefully there will be more features coming into that spot https://github.com/Emdek/otter/issues/190#issuecomment-66915073
Title: Re: Otter Tips and Tricks
Post by: Frenzie on 2014-12-14, 19:37:05
And there's also a "lock toolbar setting" if you right-click. ;)

(Although I think I prefer Opera/Presto's way over this more IE-like method, but the important thing is that it's there at all.)
Title: Re: Otter Tips and Tricks
Post by: rincewind on 2014-12-17, 07:05:24
In toolBars.json I added "GoButton" and now I got a go-gutton in the navigation bar.
Is there a list of "commands" we can add or change in this file?
Is it possible to add the menu to the navigation bar by altering the toolBars.json?
Title: Re: Otter Tips and Tricks
Post by: Emdek on 2014-12-17, 10:21:03
@rincewind, in theory you can place there any action or macro, you can find them on the wiki (a bit outdated):
https://github.com/Emdek/otter/wiki/Actions
Or in source code:
https://github.com/Emdek/otter/blob/master/src/core/ActionsManager.cpp#L59

Please note that identifiers etc. are considered unstable until 1.0 release.
Title: Re: Otter Tips and Tricks
Post by: ersi on 2014-12-27, 14:54:37
If you are like me and you have combined search field and address field, then the search field is unnecessary in the toolbar. Here's how to remove it.


Now you have only the address field on the main toolbar :)

Each search engine can be called from the address field by its keyword. The keywords can be set in Preferences > Search.
Title: Re: Otter Tips and Tricks
Post by: ersi on 2014-12-27, 23:11:22
In toolBars.json I added "GoButton" and now I got a go-gutton in the navigation bar.

A few more things that make sense in the navigation bar:

- "GoToHomePageAction"
- "GoToParentDirectoryAction" (without icon, but works)
Title: Re: Otter Tips and Tricks
Post by: ersi on 2015-02-12, 20:40:33
Proper full screen can be achieved in current Otter release by switching off the tabbar. By proper full screen I mean no toolbars popping up by moving mouse to the edge, as it does in FF. The only offending toolbar currently is tabbar - and the scrollbars.

Eagerly waiting for proper options to get proper full screen and maybe implement a full screen mode with its own toolbars, the way it's possible in Opera. And I'd like to see the tab-switcher dialogue too some day, like Opera has at Ctrl+Tab.
Title: Re: Otter Tips and Tricks
Post by: Pref on 2015-02-13, 07:44:49
Interesting, but I get the full screen like in the most of the browsers, also like in Opera. F11 works for me, I do not know why.
Title: Re: Otter Tips and Tricks
Post by: ersi on 2015-02-13, 10:32:02

F11 works for me, I do not know why.

Of course F11 works, but in older Otter releases the tabbar and address bar remained visible. In current releases, tabbar pops up when you move the mouse pointer to the edge.

By "proper full screen" I mean that nothing should pop up. This is achieved by turning the tabbar off, then going full screen. However, I noticed that when you turn the tabbar off, it returns when you restart Otter. It should stay away.
Title: Re: Otter Tips and Tricks
Post by: exley on 2015-02-13, 13:11:28
I see some scripting here involved, is there a way for GUI
that progressbar gets "glued"/merged down onto toolbar where zoom control is ?
Title: Re: Otter Tips and Tricks
Post by: ersi on 2015-02-13, 14:17:54

I see some scripting here involved, is there a way for GUI
that progressbar gets "glued"/merged down onto toolbar where zoom control is ?

In Opera this was possible in Appearance > Buttons > Status. The progressbar elements were listed there and could be dragged anywhere you wanted. Ideally Otter would implement the GUI, but as a minimum the progressbar elements should be placeable on the interface by means of a config file.
Title: Re: Otter Tips and Tricks
Post by: Pref on 2015-02-13, 15:55:56

By "proper full screen" I mean that nothing should pop up.

Yes, you are right. Otter now works like FF and others with F11, old Opera was totally full screened. :)
Title: Re: Otter Tips and Tricks
Post by: Pref on 2015-02-13, 23:59:32
Full Screen Mode is quite nicely solved in K-Meleon:

Preferences > K-Meleon Plugins > Full Screen
and there:
Enable Full Screen Display

In Full Screen Mode
(separate options)
hide toolbars, menu toolbar too
hide tab bar
hide status bar
hide task bar.
Title: Re: Otter Tips and Tricks
Post by: denes on 2015-02-14, 15:42:13
Hi!
I put the toolbar.json file in the profile folder. How can I change the size of searchbar ad titlebar? The searchbar is too short for me.
Title: Re: Otter Tips and Tricks
Post by: ersi on 2015-02-14, 15:45:47

Hi!
I put the toolbar.json file in the profile folder. How can I change the size of searchbar ad titlebar? The searchbar is too short for me.

This file does not define the sizes of things. I would also like to know how to configure the sizes of things.
Title: Re: Otter Tips and Tricks
Post by: Pref on 2015-02-14, 22:16:26


Hi!
I put the toolbar.json file in the profile folder. How can I change the size of searchbar ad titlebar? The searchbar is too short for me.

This file does not define the sizes of things. I would also like to know how to configure the sizes of things.


Agree, this is what I liked in Opera, I changed the details, sizes of the buttons and so on, that helped a lot in a work.
Title: Re: Otter Tips and Tricks
Post by: ersi on 2015-02-15, 11:35:34



Hi!
I put the toolbar.json file in the profile folder. How can I change the size of searchbar ad titlebar? The searchbar is too short for me.

This file does not define the sizes of things. I would also like to know how to configure the sizes of things.

Agree, this is what I liked in Opera, I changed the details, sizes of the buttons and so on, that helped a lot in a work.

The sizes of toolbar elements should be possible to set in skin file or such.

As to menus and buttons, a few weeks ago we had macros which allowed some sort of serialisation and sequencing of actions, but now this has been taken away. In my opinion the default keyboard ini language should in itself allow serialisation and sequencing of actions, just like Opera did. Now I have no idea what will become of customisation of keybinds, buttons and menus.
Title: Re: Otter Tips and Tricks
Post by: Emdek on 2015-02-18, 11:08:22
Full Screen Mode is quite nicely solved in K-Meleon:

We will have something similar.

I put the toolbar.json file in the profile folder. How can I change the size of searchbar ad titlebar? The searchbar is too short for me.

It's not possible yet, but it will be possible to be define them in that file.

@ersi, macros are being replaced by scriptlets, we have some delays (as usual...) but it should be available before next beta.
Title: Re: Otter Tips and Tricks
Post by: denes on 2015-02-23, 17:08:42
This is not my invention.
I found a very useful comment here, about how to make the software portable. I don't know why but the original poster's comment was deleted (maybe he deleted his own comment) so I post the script again.
This is the script:

Code: [Select]
%~d0
cd %~dp0
set QT_PLUGIN_PATH=%~dp0
start otter-browser --portable


Copy in a text file, change the .txt extension to .bat, put in the browser's folder and run the file. Otter will push through and creates two folder in his "den": profile and cache. Anytime you want to use in portable mode, run the .bat file.
Have a good time  :D
Title: Re: Otter Tips and Tricks
Post by: ersi on 2015-02-24, 08:08:43
@denes
Doesn't otter-browser --portable work as you expect?
Title: Re: Otter Tips and Tricks
Post by: denes on 2015-02-24, 14:02:08

@denes
Doesn't otter-browser --portable work as you expect?


Nope. I tried
start otter-browser --portable
otter-browser --portable

But neither work. You need to specify the location of Qt plugins.
Title: Re: Otter Tips and Tricks
Post by: denes on 2015-03-18, 07:08:50
Where's the option to set icon size and style per toolbar?
How can I set these?
Title: Re: Otter Tips and Tricks
Post by: Emdek on 2015-03-22, 21:41:45
@denes, there is no UI yet, you can set them manually in toolBars.json, using keys iconSize and iconStyle.
You can find possible values for the latter here:
https://github.com/OtterBrowser/otter-browser/commit/034facbfc5304ca9652ac303ae0ab1c908251684
Title: Re: Otter Tips and Tricks
Post by: ersi on 2015-05-17, 21:21:49
Otter has implemented some MDI features and I made accordingly a menu with the actions that work.
(https://vivaldi.net/media/com_easysocial/photos/6757/76119/ekraanipilt-2015-05-18-00-14-07_original.png)
I'd like to see in that menu also a list of open windows (like Internal Windows List in Opera), but looks like this is not possible yet.

In the keybinds, I would like to be able to combine Maximize and Minimize under the same toggle and Cascade and Tile under another toggle, but this is not yet possible either.
Title: Re: Otter Tips and Tricks
Post by: denes on 2015-06-28, 07:53:59
Where's the option to create search engine?
Why was it removed?
EDIT: I found the solution. Created keyboard shortcut to Custom search... and it works now.
Title: Re: Otter Tips and Tricks
Post by: Emdek on 2015-07-06, 07:43:58
@denes, is appears that we have a regression in QtWebKit backend, I'll try to fix it for next weekly.

Update:
And now it's fixed:
https://github.com/OtterBrowser/otter-browser/commit/66ba01f463a7a212a64772451f3549abb46b10f4
Title: Re: Otter Tips and Tricks
Post by: ersi on 2017-03-06, 13:31:05
This code for Otter's tabbar adds an action to open the new tab specifically in QtWebEngine. (Note line # 9.)
Code: [Select]
	{
"actions": [
"MenuButtonWidget",
"TabBarWidget",
{
"identifier": "NewTabAction",
"parameters":
{
"webBackend": "qtwebengine"
}
},
"spacer",
"ClosedWindowsMenu"
],
"buttonStyle": "iconOnly",
"fullScreenVisibility": "hover",
"identifier": "TabBar",
"location": "top",
"normalVisibility": "visible",
"title": "Tab Bar"
}
Title: Re: Otter Tips and Tricks
Post by: ersi on 2017-10-21, 21:02:30
Otter has been heavily reworked meanwhile and currently seems to lack an out-of-the-box keybind to toggle Panels on and off. In old Opera it was F4.Here's what I found workable with trial and error.

1. Open Otter
2. Go to Preferences > Advanced > Keyboard
3. Add > New
4. A row titled (Untitled) appears. Select it.
5. Press Edit
6. A dialogue appears to add a keybind. Add any keybind, for example
Copy address Ctrl+L
7. OK - the Edit dialogue goes away
8. In the Preferences dialogue - Apply and OK, and this dialogue goes away too.
9. Close Otter and open .config/otter/keyboard/custom.json. Its likely contents are
Code: [Select]
// Title: (Untitled)
// Description:
// Type: keyboard-profile
// Author:
// Version:

[
 {
 "actions": [
 {
 "action": "CopyAddress",
 "shortcuts": [
 "Ctrl+L"
 ]
 }
 ],
 "context": "Generic"
 }
]
10. Replace this contents with the following

Code: [Select]
// Title: (Untitled)
// Description:
// Type: keyboard-profile
// Author:
// Version:

[
 {
 "actions": [
 {
 "action": "CopyAddress",
 "shortcuts": [
 "Ctrl+L"
 ]
 },
 {
 "action": "ShowToolBar",
 "parameters": {
 "toolBar": "SideBar"
 },
 "shortcuts": [
 "F4"
 ]
 }
 ],
 "context": "Generic"
 }
]
11. If you want a sensible title for the custom keybinds to show up in Otter's Advanced Preferences, then replace "(Untitled)" in the first row with your preferred title.
12. Save and close.

The reasons why this is so convoluted to do at the moment:
- ShowToolBar action is not available in the list when editing through keyboard edit dialogue (well, not that I know of).
- Parameters show up in the keyboard edit dialogue, but cannot be added, removed, or edited.

@Emdek  If I am wrong on the above two points, would you please correct me? Thanks.


There's another useful action created meanwhile: True Detach (https://github.com/OtterBrowser/otter-browser/issues/1240). Its function is to detach a tab so that the resulting window has no toolbars, except intra-tab ones.[1] It is useful for example having detaching a website with video or audio playing and making a minimal window in the corner of the screen for it, while the interface of the browser window is conveniently minimal already to begin with. This used to be the normal function upon detaching in old Opera up to version 9.2 or so.

To get this action, edit .config/otter/keyboard/custom.json once more, adding the following code in there
Code: [Select]
 {
 "action": "DetachTab",
 "parameters": {
 "minimalInterface": true
 },
 "shortcuts": [
 "Ctrl+H"
 ]
 }
n case of a webpage tab, an intra-tab toolbar is Addressbar. If the Addressbar is switched off, it will of course remain invisible after True Detach. Hopefully you get the picture.
Title: Re: Otter Tips and Tricks
Post by: Emdek on 2017-10-23, 13:47:00
Otter has been heavily reworked meanwhile and currently seems to lack an out-of-the-box keybind to toggle Panels on and off. In old Opera it was F4.
Incorrect, it works fine with default configuration, most likely you are using customized Default profile that failed to migrate (AFAIR there were some initial issues, with files without basename).
Preferred way to extend defaults is to add separate profile containing just custom additions or overrides, in case of conflicts actions from profile on the top of the list should win over these defined in other profiles.
Title: Re: Otter Tips and Tricks
Post by: ersi on 2017-10-23, 14:19:41
Incorrect, [F4 to toggle Sidebar] works fine with default configuration, most likely you are using customized Default profile that failed to migrate...
You are right, this must have been the case. However, (I think) I am experiencing a continued problem - I created the F4 keybind as described, and after a few browsing sessions (with restarts in between) the keybind vanished from my custom config and I had to create it again. I will bring this up if I can see any regularity in it. Right now it seems to be working nicely.

Preferred way to extend defaults is to add separate profile containing just custom additions or overrides, in case of conflicts actions from profile on the top of the list should win over these defined in other profiles.
Does this mean that when I create my custom config in the Keyboard Edit dialog, I will have to move my config above the Default config, and then I can expect my custom keybinds work even when the Default config says something else?
Title: Re: Otter Tips and Tricks
Post by: Emdek on 2017-10-23, 16:12:17
Does this mean that when I create my custom config in the Keyboard Edit dialog, I will have to move my config above the Default config, and then I can expect my custom keybinds work even when the Default config says something else?
More or less, feel free to experiment with it, and either go for new topic to discuss it or ask me on IRC, to keep this one cleaner.
Title: Edit mouse gestures
Post by: ersi on 2017-11-14, 19:47:40
As long as the mouse gestures edit dialog is not working, here's a way to add "clone tab" and "true detach" to mouse gestures.

1. With Otter closed, find default.json in mouse profile folder (.config/otter/mouse/ on Linux) and open it
2. Find the section
Code: [Select]
{
"context": "TabHandle",
"gestures": [
{
"action": "CloseTab",
"steps": [
"pressLeft+shift"
]
},
{
"action": "CloseTab",
"steps": [
"pressMiddle"
]
}
]
},
3. Replace it with
Code: [Select]
{
"context": "TabHandle",
"gestures": [
{
"action": "CloneTab",
"steps": [
"pressLeft+shift"
]
},
{
"action": "DetachTab",
"parameters": {
"minimalInterface": true
},
"steps": [
"pressMiddle"
]
}
]
},
4. Open Otter and try out:
- Midclick on a tabbar item should detach the tab to a new toolbarless window
- Shift+click should clone the tab

Tip: How to reattach a toolbarless window.
- In the toolbarless window, right-click (in an area where there are no links) and select "Copy Address"
- In the main window, "Paste and go", by default bound to Ctrl+Shift+V keyboard shortcut
- Close the toolbarless window
Title: Re: Otter Tips and Tricks
Post by: ersi on 2017-11-15, 17:19:46
Re above: I eventually settled on the following section:
Code: [Select]
	{
"context": "TabHandle",
"gestures": [
{
"action": "CloseTab",
"steps": [
"pressMiddle"
]
},
{
"action": "CloneTab",
"steps": [
"pressLeft+shift"
]
},
{
"action": "DetachTab",
"parameters": {
"minimalInterface": true
},
"steps": [
"doubleClickLeft+shift"
]
}
]
},
- Midclick on the tabbar item closes the tab, as is the usual behaviour in most browsers
- Shift+click clones
- Shift+doubleclick detaches