Did you use the floating toolbar in Receiver for HTML5?
The in-session toolbar in Receiver for HTML5 and Chrome 1.9 is a floating toolbar that can be moved anywhere on the screen with a Receiver icon, used to expand and contract it.
Citrix decided to redesign the toolbar to make it better, modern and acceptable across all form factors.
One of the main considerations in the redesign was that the toolbar should not obstruct the view of any application, such as the scroll icons in the apps, as this affects the productivity of the users.
Citrix has revamped this toolbar to make it similar to other Receivers where we have the toolbar on the top by default and a half-moon icon to pull it down when required. On non-touch-enabled devices, the toolbar rests in a half-moon shape dock to the side of the window; on hovering the mouse it becomes full-moon and ready to expand.
The receiver icon can be dragged anywhere on the screen. But it docks only to the edges of the screen. The toolbar expands when clicked on the half-moon / full-moon receiver icon.
The new toolbar has two components: the primary menu and the secondary menu. The Primary menu consists of 5 icons including a ‘more’ icon. Clicking on the ‘more’ button will open secondary menu.
Let’s highlight some key icons on the toolbar:
USB devices: This opens the USB devices dialog box. It contains the list of devices that can be redirected to the session. To redirect the USB devices, select an appropriate device and click on ‘connect’.
Full Screen: It makes the session full screen. ‘Restore’ icon will appear in its place during full screen. To restore to normal mode click on the ‘Restore’ icon.
Download: This button is used to transfer file from remote session to client. On clicking it will open file explorer to select the file.
Upload: This button is used to transfer file from client to remote session. On clicking it will open file explorer to select the file.
Clipboard: Opens a dialog that helps to copy/paste the text from device to session. Clipboard icon Is seen only on Receiver for HTML5 as it is not required on Receiver for Chrome.
Preferences: Considering the various form factors of the devices in the market, the session that fits the screen size of the device may not be usable all the time especially small screen mobile devices. An option in toolbar has been provided that lets user to change the resolution of the session real time. “Auto Fit Screen” would be the default option and if any other option is selected then it would be remembered and applied to the other sessions launched from the same browser.
Brief explanation of the various resolution options provided.
| Option | Description |
| Auto Fit screen | Session size would be matched with the device screen size. |
| Use Device pixel ratio | Session size would be device screen size multiplied with device-pixel-ratio |
| 1280 * 800 pixels | Session size would be set to 1280 * 800 pixels |
| 1440 * 900 pixels | Session size would be set to 1440 * 900 pixels |
| 1600 * 1200 pixels | Session size would be set to 1600 * 1200 pixels |
About: Opens the Third party licenses page.
Ctrl+ Alt+ Del: Sends ‘Ctrl+Alt+Del’ to the session.
Disconnect: Disconnects the session.
Log Off: Logs off the session.
Switch Apps: Shows the apps launched inside the session which can be used to switch between the apps. One app in focus will be highlighted.
The following buttons will appear on the toolbar only in touch devices:
Gesture guide: Help on the gestures supported by Receiver for HTML5.
Multi-Touch: Multi-touch remotes all the gestures to the virtual session and app will behave based on the gesture it supports. For example, if one needs to zoom in a photo on the server, using multi touch only the photo can be zoomed in rather than the whole session. This gives a better experience. Another example could be MS Paint where multiple fingers can be used to draw the image.
By default, the session would be in panning mode where all the gestures are applied on the session. To enable multi-touch mode, use the toolbar button. You can go back to panning mode by clicking on the same button.
Note: Multi-touch feature is supported from Win 8.1/Win 2K12R2 onwards. If the feature is not supported in the app/desktop accessed the toolbar button to toggle between multi-touch/panning mode will not appear.
Keyboard: Shows/hides the device’s soft keyboard. Once the keyboard is shown, you can pan the session and click on any editable area to send keys. Same button clicked again hides the keyboard. This button appears for touch devices only.
The toolbar is cool, but my usecase as ISV app is to not show any toolbar. Well, there is a way to hide the toolbar. Here are the steps:
You can locate configuration.js packaged with HTML5Client, typically located at “C:\Program Files\Citrix\Receiver\StoreFront\HTML5Client\ configuration.js”.
Search for ‘menubar’ key and set the value to false.
Can I hide the individual toolbar items?
To disable individual item you can set the respective key to false. For example to hide ‘Ctrl+Alt+Del’, set ‘lock’ to false.
Citrix has done extensive user research and usability studies, multiple prototypes before getting to this design.
Hope you like the new toolbar! Please let us know your feedback so that we can continue to improve the experience with Receiver!
