AppSuite:Browserdetection - Revision history

Khgras at 09:50, 22 May 2017

2017-05-22T09:50:09Z

← Older revision		Revision as of 09:50, 22 May 2017
Line 1:		Line 1:
	~~<!-- !!! -->~~		The content on this page has moved to https://documentation.open-xchange.com/latest/ui/how-to/browser-detection.html
	~~<!-- PLEASE APPLY CHANGES ONLY TO THE NEW TECHNICAL DOCUMENTATION~~: ~~wd/frontend~~/~~web~~/documentation -->
	~~<!-- !!! -~~->

	~~== Browser detection outside AppSuite ==~~		Note: Open-Xchange is in the process of migrating all its technical documentation to a new and improved documentation system (documentation.open-xchange.com). Please note as the migration takes place more information will be available on the new system and less on this system. Thank you for your understanding during this period of transition.
	~~[[File~~:~~loginpage.png\|thumb\|250px\|This warning~~ is ~~not shown~~ to a ~~user if you use the form-login]]~~

	~~AppSuite detects the client browser~~ and ~~collects some information about the current device the visitor is using. This information is used to serve the appropriate UI and enable/disable certain features for the visitor's device~~.

	~~The browser detection is done by a standalone, dependency free lib that can be included via script~~-~~tag to other sites~~. ~~The original AppSuite login page performs this browser detection~~. ~~But if you use a form-login and jump directly into AppSuite,~~ the ~~user~~ will ~~miss~~ the ~~warning where AppSuite statesthat an unsupported browser is used~~.

	~~To show the same warning to a user without using the original AppSuite login page,~~ you ~~should include the browser detection lib in~~ your ~~own login page. That way you can show a warning to the user if they do not use a supported browser.~~

	~~=== Including the browser.js lib ===~~

	~~You can easily include the browser detection via script-tag in your own login page. It's a small, dependency free piece~~ of ~~Javascript code which adds a function to the global scope called <pre>isBrowserSupported()</pre>~~

	~~The lib is located in the AppSuite UI under <tt>http://somedomain.com/appsuite/src/browser.js</tt>~~. ~~Add this script tag to your page head <pre><script src="http://somedomain.com/appsuite/src/browser.js" type="text/javascript" charset="UTF-8"></script></pre>~~

	In your page <tt>onLoad</tt> you can then call the global function <tt>isBrowserSupported</tt> which returns a boolean. If <tt>false</tt> is returned by the function you should show a warning to the user that his browser is not supported.

	~~[[Category:Custom development]]~~
	~~[[Category:Administrator]]~~
	~~[[Category:Developer]]~~

	~~[[Category:UI]]~~

	~~[[Category:AppSuite]]~~

Frank.paczynski at 12:48, 10 February 2016

2016-02-10T12:48:55Z

← Older revision		Revision as of 12:48, 10 February 2016
Line 1:		Line 1:
			<!-- !!! -->
			<!-- PLEASE APPLY CHANGES ONLY TO THE NEW TECHNICAL DOCUMENTATION: wd/frontend/web/documentation -->
			<!-- !!! -->

	== Browser detection outside AppSuite ==		== Browser detection outside AppSuite ==
	[[File:loginpage.png\|thumb\|250px\|This warning is not shown to a user if you use the form-login]]		[[File:loginpage.png\|thumb\|250px\|This warning is not shown to a user if you use the form-login]]

WolfgangRosenauer: /* Including the browser.js lib */

2014-01-09T14:54:47Z

Including the browser.js lib

← Older revision		Revision as of 14:54, 9 January 2014
Line 10:		Line 10:
	=== Including the browser.js lib ===		=== Including the browser.js lib ===

	You can easily include the browser detection via script-tag to your own login page. It's small, dependency free ~~peace~~ of Javascript code which adds a function to the global scope called <pre>~~isBrowserSuppported~~()</pre>		You can easily include the browser detection via script-tag in your own login page. It's a small, dependency free piece of Javascript code which adds a function to the global scope called <pre>isBrowserSupported()</pre>

	The lib is located in the AppSuite UI under <tt>http://somedomain.com/appsuite/src/browser.js</tt>. Add this script tag to your page head <pre><script src="http://somedomain.com/appsuite/src/browser.js" type="text/javascript" charset="UTF-8"></script></pre>		The lib is located in the AppSuite UI under <tt>http://somedomain.com/appsuite/src/browser.js</tt>. Add this script tag to your page head <pre><script src="http://somedomain.com/appsuite/src/browser.js" type="text/javascript" charset="UTF-8"></script></pre>

	In your page <tt>onLoad</tt> you can then call ~~the~~ the global function <tt>isBrowserSupported</tt> which returns a boolean. If <tt>false</tt> is returned by the function you should show a warning to the user that his browser is not supported.		In your page <tt>onLoad</tt> you can then call the global function <tt>isBrowserSupported</tt> which returns a boolean. If <tt>false</tt> is returned by the function you should show a warning to the user that his browser is not supported.

	[[Category:Custom development]]		[[Category:Custom development]]

Tierlieb: /* Including the browser.js lib */

2014-01-09T10:01:10Z

Including the browser.js lib

← Older revision		Revision as of 10:01, 9 January 2014
Line 12:		Line 12:
	You can easily include the browser detection via script-tag to your own login page. It's small, dependency free peace of Javascript code which adds a function to the global scope called <pre>isBrowserSuppported()</pre>		You can easily include the browser detection via script-tag to your own login page. It's small, dependency free peace of Javascript code which adds a function to the global scope called <pre>isBrowserSuppported()</pre>

	The lib is located in the AppSuite UI under <~~pre~~>http://somedomain.com/appsuite/src/browser.js</~~pre~~>. Add this script tag to your page head <pre><script src="http://somedomain.com/appsuite/src/browser.js" type="text/javascript" charset="UTF-8"></script></pre>		The lib is located in the AppSuite UI under <tt>http://somedomain.com/appsuite/src/browser.js</tt>. Add this script tag to your page head <pre><script src="http://somedomain.com/appsuite/src/browser.js" type="text/javascript" charset="UTF-8"></script></pre>

	In your page <tt>onLoad</tt> you can then call the the global function <tt>isBrowserSupported</tt> which returns a boolean. If <tt>false</tt> is returned by the function you should show a warning to the user that his browser is not supported.		In your page <tt>onLoad</tt> you can then call the the global function <tt>isBrowserSupported</tt> which returns a boolean. If <tt>false</tt> is returned by the function you should show a warning to the user that his browser is not supported.

Tierlieb at 10:00, 9 January 2014

2014-01-09T10:00:31Z

← Older revision		Revision as of 10:00, 9 January 2014
Line 2:		Line 2:
	[[File:loginpage.png\|thumb\|250px\|This warning is not shown to a user if you use the form-login]]		[[File:loginpage.png\|thumb\|250px\|This warning is not shown to a user if you use the form-login]]

	AppSuite detects the client browser and collects some information about the current device the visitor is using. ~~These informations are~~ used to serve the ~~best~~ UI and enable/disable certain features for ~~his~~ device~~. The browser detection is done by a standalone and dependency free lib that can be included via script-tag to other sites~~.		AppSuite detects the client browser and collects some information about the current device the visitor is using. This information is used to serve the appropriate UI and enable/disable certain features for the visitor's device.

	~~This~~ is ~~usefull if you do not use the~~ original AppSuite login page ~~which~~ performs this browser detection. If you use a form-login and jump directly into AppSuite, the user ~~might not see~~ the ~~typical~~ warning AppSuite ~~states on the login page if~~ an unsupported browser is used.		The browser detection is done by a standalone, dependency free lib that can be included via script-tag to other sites. The original AppSuite login page performs this browser detection. But if you use a form-login and jump directly into AppSuite, the user will miss the warning where AppSuite statesthat an unsupported browser is used.

	To show the same warning to a user without using the original AppSuite login page you should include the browser detection lib in your own login page ~~and~~ show a warning to the user if ~~he does~~ not use a supported browser.		To show the same warning to a user without using the original AppSuite login page, you should include the browser detection lib in your own login page. That way you can show a warning to the user if they do not use a supported browser.

	=== Including the browser.js lib ===		=== Including the browser.js lib ===
Line 15:		Line 15:

	In your page <tt>onLoad</tt> you can then call the the global function <tt>isBrowserSupported</tt> which returns a boolean. If <tt>false</tt> is returned by the function you should show a warning to the user that his browser is not supported.		In your page <tt>onLoad</tt> you can then call the the global function <tt>isBrowserSupported</tt> which returns a boolean. If <tt>false</tt> is returned by the function you should show a warning to the user that his browser is not supported.

			[[Category:Custom development]]
			[[Category:Administrator]]
			[[Category:Developer]]

			[[Category:UI]]

			[[Category:AppSuite]]

Alexander.quast at 08:46, 8 January 2014

2014-01-08T08:46:59Z

← Older revision		Revision as of 08:46, 8 January 2014
Line 14:		Line 14:
	The lib is located in the AppSuite UI under <pre>http://somedomain.com/appsuite/src/browser.js</pre>. Add this script tag to your page head <pre><script src="http://somedomain.com/appsuite/src/browser.js" type="text/javascript" charset="UTF-8"></script></pre>		The lib is located in the AppSuite UI under <pre>http://somedomain.com/appsuite/src/browser.js</pre>. Add this script tag to your page head <pre><script src="http://somedomain.com/appsuite/src/browser.js" type="text/javascript" charset="UTF-8"></script></pre>

	In your page <~~code~~>onLoad</~~code~~> you can then call the the global function <~~pre~~>isBrowserSupported</~~pre~~> which returns a boolean. If <~~pre~~>false</~~pre~~> is returned by the function you should show a warning to the user that his browser is not supported.		In your page <tt>onLoad</tt> you can then call the the global function <tt>isBrowserSupported</tt> which returns a boolean. If <tt>false</tt> is returned by the function you should show a warning to the user that his browser is not supported.

Alexander.quast at 08:45, 8 January 2014

2014-01-08T08:45:00Z

← Older revision		Revision as of 08:45, 8 January 2014
Line 12:		Line 12:
	You can easily include the browser detection via script-tag to your own login page. It's small, dependency free peace of Javascript code which adds a function to the global scope called <pre>isBrowserSuppported()</pre>		You can easily include the browser detection via script-tag to your own login page. It's small, dependency free peace of Javascript code which adds a function to the global scope called <pre>isBrowserSuppported()</pre>

	The lib is located in the AppSuite UI under <pre>http://somedomain.com/appsuite/src/browser.js</pre>. Add this script tag to your page <pre><script src="http://somedomain.com/appsuite/src/browser.js" type="text/javascript" charset="UTF-8"></script></pre>		The lib is located in the AppSuite UI under <pre>http://somedomain.com/appsuite/src/browser.js</pre>. Add this script tag to your page head <pre><script src="http://somedomain.com/appsuite/src/browser.js" type="text/javascript" charset="UTF-8"></script></pre>

	In your page <~~pre~~>onLoad</~~pre~~> you can then call the the global function <pre>isBrowserSupported</pre> which returns a boolean. If <pre>false</pre> is returned by the function you should show a warning to the user that his browser is not supported.		In your page <code>onLoad</code> you can then call the the global function <pre>isBrowserSupported</pre> which returns a boolean. If <pre>false</pre> is returned by the function you should show a warning to the user that his browser is not supported.

Alexander.quast at 08:43, 8 January 2014

2014-01-08T08:43:37Z

@@ Line 1: / Line 1: @@
 == Browser detection outside AppSuite ==
 AppSuite detects the client browser and collects some information about the current device the visitor is using. These informations are used to serve the best UI and enable/disable certain features for his device. The browser detection is done by a standalone and dependency free lib that can be included via script-tag to other sites.
@@ Line 6: / Line 7: @@
 To show the same warning to a user without using the original AppSuite login page you should include the browser detection lib in your own login page and show a warning to the user if he does not use a supported browser.

Alexander.quast: Created page with "== Browser detection outside AppSuite == AppSuite detects the client browser and collects some information about the current device the visitor is using. These informations a..."

2014-01-08T08:12:24Z

Created page with "== Browser detection outside AppSuite == AppSuite detects the client browser and collects some information about the current device the visitor is using. These informations a..."

New page

== Browser detection outside AppSuite ==

AppSuite detects the client browser and collects some information about the current device the visitor is using. These informations are used to serve the best UI and enable/disable certain features for his device. The browser detection is done by a standalone and dependency free lib that can be included via script-tag to other sites.

This is usefull if you do not use the original AppSuite login page which performs this browser detection. If you use a form-login and jump directly into AppSuite, the user might not see the typical warning AppSuite states on the login page if an unsupported browser is used.

To show the same warning to a user without using the original AppSuite login page you should include the browser detection lib in your own login page and show a warning to the user if he does not use a supported browser.