{"id":9683,"date":"2015-12-03T05:33:45","date_gmt":"2015-12-03T13:33:45","guid":{"rendered":"\/blog\/?p=9683"},"modified":"2015-12-03T05:33:45","modified_gmt":"2015-12-03T13:33:45","slug":"exo-platform-goes-responsive","status":"publish","type":"post","link":"https:\/\/www.exoplatform.com\/blog\/exo-platform-goes-responsive\/","title":{"rendered":"eXo Platform Goes Responsive!"},"content":{"rendered":"<p><a href=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/BD-2783_responsive-banner_650x2201.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-9702 size-full\" src=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/BD-2783_responsive-banner_650x2201.jpg\" alt=\"Responsive Design\" width=\"650\" height=\"220\" srcset=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/BD-2783_responsive-banner_650x2201.jpg 650w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/BD-2783_responsive-banner_650x2201-300x102.jpg 300w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/BD-2783_responsive-banner_650x2201-500x169.jpg 500w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/BD-2783_responsive-banner_650x2201-360x122.jpg 360w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/BD-2783_responsive-banner_650x2201-200x68.jpg 200w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/BD-2783_responsive-banner_650x2201-100x34.jpg 100w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/BD-2783_responsive-banner_650x2201-70x24.jpg 70w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<p>Today, people want information at their fingertips, so in the <strong>social era<\/strong>, it means information and convenience.<br \/>\nWork is no longer confined to a desk, <strong>reliance on mobile phones and tablets is increasing<\/strong> significantly. They are becoming the primary browsing and computing devices at home and might overtake laptops or desktops in the next few years.<br \/>\n<!--more--><\/p>\n<p>We understand that, without a <strong>mobile-friendly layout<\/strong>, the experience is bleak; users expect to see websites automatically adjusted and if that doesn\u2019t happen, the result is usually frustration.<\/p>\n<p><strong>Mobile-friendliness<\/strong> has become a priority, and today, we are happy to announce that <strong>Platform 4.3<\/strong> is meeting expectations.<br \/>\nLet\u2019s see the benefits from the changes.<\/p>\n<h2>Sweet and responsive navigation<\/h2>\n<p>eXo Platform provides rich navigation, allowing you to jump from one application to another within a matter of seconds. In this version, we made sure to reduce the gap between the <strong>mobile<\/strong> and <strong>desktop experience<\/strong> and focused on providing intuitive and fluid <strong>responsive navigation<\/strong>.<\/p>\n<p><a href=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img1_2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-9684\" src=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img1_2.png\" alt=\" Responsive Design\" width=\"700\" \/><\/a><\/p>\n<p>To provide you with the best <strong>mobile experience<\/strong>, the menu stays in a fixed position at the top of the screen. And to keep it as simple as possible, we decided to limit this top navigation to basic functions (create content, search, notification, and user profile) on small devices.<\/p>\n<p><a href=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/Missing-in-responsive-jira.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-9698\" src=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/Missing-in-responsive-jira.png\" alt=\"Responsive Design\" width=\"271\" height=\"401\" srcset=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/Missing-in-responsive-jira.png 271w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/Missing-in-responsive-jira-203x300.png 203w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/Missing-in-responsive-jira-222x328.png 222w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/Missing-in-responsive-jira-159x236.png 159w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/Missing-in-responsive-jira-89x131.png 89w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/Missing-in-responsive-jira-61x90.png 61w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/Missing-in-responsive-jira-20x30.png 20w\" sizes=\"(max-width: 271px) 100vw, 271px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>When looking for content, there is no time for beating around the bush. On a tablet or mobile device, simply start typing to get the matching results and find what you need on the go.<\/p>\n<h2>Meet the new homepage<\/h2>\n<h3>Browse your activity stream<\/h3>\n<p>Using eXo Platform directly on your phone or tablet is the best way to <strong>stay productive<\/strong> when you are not at your desk.<br \/>\nWe have redesigned the activity stream to make it easier to contribute, stay in touch, and make decisions.<\/p>\n<p><a href=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img2_2.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-9685\" src=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img2_2.png\" alt=\"Responsive Design\" width=\"860\" srcset=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img2_2.png 967w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img2_2-300x151.png 300w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img2_2-768x387.png 768w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img2_2-720x363.png 720w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img2_2-500x252.png 500w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img2_2-360x181.png 360w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img2_2-200x101.png 200w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img2_2-100x50.png 100w, https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img2_2-60x30.png 60w\" sizes=\"(max-width: 967px) 100vw, 967px\" \/><\/a><\/p>\n<p>Stay connected with your colleagues, browse, or like activities on the homepage just as on your desktop version. You can also use the \u201cStatus\u201d button, located at the top of your stream, to post an activity.<br \/>\nSimply touch an activity to see see it in detail and to add a comment.<\/p>\n<p><a href=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img3_3.png\" class=\"broken_link\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-9687 size-full\" src=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img3_3.png\" alt=\"Responsive Design\" width=\"468\" height=\"539\" \/><\/a><\/p>\n<h3>Tailor your homepage<\/h3>\n<p>Here, we chose to not display the right <strong><a href=\"https:\/\/www.exoplatform.com\/\" target=\"_blank\" rel=\"noopener\">application on a mobile screen<\/a><\/strong> to maximise the activity stream area as you would see on a tablet. You can easily toggle between applications by a simple touch and keep them on the right side of your screen, or focus only on the activity stream.<\/p>\n<h3>Bye, bye, blurry icons!<\/h3>\n<p><a href=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img4.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-9688\" src=\"https:\/\/www.exoplatform.com\/blog\/wp-content\/uploads\/2015\/12\/RESPONSIVE_img4.png\" alt=\"Responsive Design\" width=\"800\" \/><\/a><\/p>\n<p>We decided to take the plunge and replace our old and tired icons with sharp and beautiful font icons.<br \/>\nA <strong>responsive layout<\/strong> requires icons that scale to your demand, and that was dramatically difficult with images. They don\u2019t respond to screen size and leave you with a pixelated mess when you switch devices.<\/p>\n<p>From now on, the icons will listen to the design to provide a perfect rendering, no matter the device.<\/p>\n<p>With<strong><a href=\"https:\/\/www.exoplatform.com\/\" target=\"_blank\" rel=\"noopener\"> mobile usage<\/a><\/strong> in mind, <strong>responsiveness<\/strong> is going to remain our priority for a couple of versions, and there is obviously more to come.<br \/>\nWe will progressively rework and redesign all screens to provide you with a mobile-friendly and intuitive experience. Stay tuned.<\/p>\n<p><strong>Start using eXo Platform on your mobile device or tablet by <a href=\"https:\/\/community.exoplatform.com\/downloads\" target=\"_blank\" rel=\"noopener\" class=\"broken_link\">downloading the latest preview build <\/a>and tell us what you think !<\/strong><\/p>\n<p><b><a href=\"https:\/\/community.exoplatform.com\/portal\/dw\/\" target=\"_blank\" rel=\"noopener\">Join the eXo tribe<\/a> by registering for the community and get updates, tutorials, support, and access to the Platform and add-on downloads!<\/b><\/p>\n","protected":false},"excerpt":{"rendered":"Today, people want information at their fingertips, so in the social era, it means information and convenience. Work is no longer confined to a desk, reliance on mobile phones and tablets is increasing significantly. They are becoming the primary browsing and computing devices at home and might overtake laptops or desktops in the next few [&hellip;]","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"image","meta":[],"categories":[705],"tags":[765,647],"lang":"en","translations":{"en":9683},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/posts\/9683"}],"collection":[{"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/comments?post=9683"}],"version-history":[{"count":0,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/posts\/9683\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/media?parent=9683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/categories?post=9683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.exoplatform.com\/blog\/wp-json\/wp\/v2\/tags?post=9683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}