Maxthon 3 - User Interface

From Maxthon Wiki
Jump to: navigation, search

Menu

The menu system is one of the most common and important things in softwares, so this part has greatly been changed and enhanced since previous versions. Instead of having a whole bar for menus, there is only one unified menu where you can reach most of the features and settings easily.
Menu when not logged in

The menu is placed at top left. Its button is the so-called Avatar button which has a Mx3 avatar menu button logged out.png (smiley face) on it by default.

The menu has options in two columns and has an Avatar and a sign in button at the top. The latter two buttons will change when you log in to your account. The options are divided and grouped by connecting areas.

The text of the languages submenu is always in English, it will stay when changing language. There are languages which have more than one translation, and if you hover the mouse over a language item, the language, the name of the author and the version gets displayed in a tooltip.

Other clever thing is that Proxy > Use IE Proxy Settings menu option has a Config link which opens Windows Internet Properties dialog having the Connections tab active.

Login

You can login by using the big login button at the top.

After you logged in, the top section of the menu changes.

Mx3 menu top logged in.png

It has the following parts:

  • Avatar icon
If you click on it, it will open the User Panel.
  • Account menu
It contains the options listed below:
  • Open User Panel
  • Set Avatar
  • Change Nickname
  • Edit Profile
  • Update Profile Info
  • Switch User Account
  • Logout
  • Sync Now and View Details links which are related to sync options.

Tab bar

Mx3 tab bar.png

The tab bar is placed at the top of the browser window on the default skin.

It has a Mx3 tab bar plus button.png button for adding a new tab and on its right end there are the following two buttons:

  • Mx3 tab bar tab list.png Tab list which contains some basic options and all your open tabs.
  • Mx3 tab bar skin button.png Skins which opens Maxthon Skin Center.


Currently the placement of the tab bar can be changed only by skins.

Toolbar

The toolbar consists of four parts: navigation buttons, the address bar, the search field and quick tools.

Navigation buttons

By default all navigation buttons are displayed but some of them can be hidden using the Customize UI dialog.

Mx3 navigation buttons.png

They are the following in this order: Back, Forward, Refresh, Home, Undo, History, Favorites

Navigation history list is removed from the default skin but you can open that list by right clicking either Back or Forward button.

Address bar

Mx3 address bar.png

Address bar is one of the main parts of a web browser. In Maxthon it supports more than just typing URLs.

You can type any search keywords into it and search with the default search engine, so use it instead of using the search box.

In case of a new tab a search engine list is placed at its left end where you can choose your default engine. In case of an open page there is an icon which indicates whether the site is safe or not, a star icon which turns yellow if the given site has already been saved to your favorites.

The button at the right end indicates which mode the browser is in, basically which rendering engine is currently used. The Mx3 webkit.png (lightning icon) means Ultra mode which uses WebKit, the Mx3 trident.png (broken page) means Retro mode which uses the Trident engine, which is in Internet Explorer.

At the right three indicator icons can appear:

This means the page can be viewed using Reader mode. When you switch to Reader mode the icon changes to Mx 3 reader mode active address bar.png.
  • Mx3 rss address bar.png RSS feed
This icon appears when there is at least one RSS feed available on the site.
This icon is shown when there are media files available on the page to download.

Quick tools

Quick tools is a toolbar placed at almost top right. It contains built-on tools and in certain cases extensions.

They are the following by default:

This list can be customized or be totally removed. Both ways can be handled via the Customize UI dialog. Customization means you can select which tools to show.

If you don't want to remove the whole quick tools section, you can just hide the buttons by resizing its length. So if one or more icons are hidden, the Mx3 favorites bar dropdown.png dropdown button appears. There you can access the rest of your tools.

Favorites bar

Where to set favorites bar display folder

The Favorites bar can be found right under the address bar.

By default it shows your favorites and folders in your root favorites folder but you can customize which folder's content to show. This can be done by selecting Set Favorites Bar Display Folder in the menu at the left of the Favorites bar. Then you just need to select a folder.

If you have more files than the bar can show, it truncates the contents and shows a Mx3 favorites bar dropdown.png dropdown button at the left where you can check the rest of your bookmarks in.

The favorites bar can be hidden/shown using the following methods:

  1. The easiest way is using the Ctrl+B shortcut key.
  2. Go to Menu > Customize UI and there uncheck the Favorites Bar checkbox.
  3. To hide the favorites bar you can also use the menu at the left on the favorites bar where you can find the Hide Favorites Bar option.

More details can be found on the managing favorites and favorites options pages. (These page haven't been created yet.)

Sidebar

Wrapped sidebar

The sidebar has already been part of Maxthon 2 and it is implemented in Maxthon 3 as well.

It is mainly for displaying addons' buttons but some built-in buttons are placed there by default. These are Favorites, Download Manager, RSS Reader and SkyNote. The last one is Maxthon Tab Sync which is an addon installed along with Maxthon 3 by default. It has a + button below all addons. This takes you to http://extension.maxthon.com/ which is the central page for collecting and uploading extensions.

When there is not enough space for displaying all buttons, a new arrow button appears which you can see the hidden buttons with.

Customization

Displaying or hiding buttons can be managed on the Sidebar tab of Customize UI window which you can open from the Menu or from the context (right click) menu of each buttons. Here you can see the buttons/addons available on the sidebar. By unchecking them it is possible to hide them.

You can reorder the buttons by using drag and drop.

Addons of course can be removed. You can do this by right clicking the addon and select Remove. In case of built-in features you will be noticed that Cannot Remove Build-in Feature. You can hide build-in buttons in Customize UI.

The sidebar can be turned off/on by clicking the arrow button at its bottom or by using the Hide Sidebar option in its right click menu.

Sidebar panel and pinning

Open favorites sidebar panel

Certain addons have panels which open at clicking their sidebar buttons. One built-in feature is the Favorites which has its own panel. (More information is on the Favorites wiki.)

It is possible to pin the sidebar panel. This means the panel is not getting closed if you navigate away from it. This way you will have less screen for the browsing window. Of course you can unpin the panel anytime.

In general, pinning can be done with most addons in case of having support of pinning.

Status bar

The status bar is the toolbar at the bottom of the browser window. It contains some common or main buttons. Also it displays certain messages.

In case of the sidebar is hidden, you can find a button which you can open the sidebar with.

On the right side, the following buttons are placed:

  • Mx3 system information.png System information menu
  • Mx3 ad hunter list.png Ad Hunter
  • Mx3 mute button.png Mute button
  • Mx3 zoom button.png Zoom menu

When there is an ongoing page loading, this bar displays message about the state of the loading, or about the page waits for response.

Currently there is no option in Maxthon 3 to hide it, but it can be hidden using skins.

Customize UI dialog

Customize UI (Sidebar tab)

The Customize UI dialog is one way of customizing the user interface. It is available via the menu, or via the right click menu of each quick tools and sidebar buttons.

It has three tabs: General, Quick Tools and Sidebar.

On the General tab you can show or hide UI components and navigation buttons. On Quick Tools the tools at up right can be changed, and on the Sidebar tab you can change the state of icons placed on the sidebar.

Both Quick Tools and Sidebar tabs list all buttons, including addons, available there.

Skins

With skins you can change the look and feel and with certain skins the layout of the browser as well.

For more information, please check the skins page.

The skins page hasn't been created yet.