• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.5 Responsive admin control panel

Mike

XenForo developer
Staff member
#1
Welcome to the first Have You Seen thread for XenForo 1.5. Over the next few weeks, we'll be posting more of these to show you how the new features in XenForo 1.5 are going to work. We expect to install XenForo 1.5 on XenForo.com for initial testing by early July, with a public beta process to follow.

Today, we're going to look at the responsive admin control panel. XenForo 1.2 made the public-facing components fully responsive, supporting screen sizes from desktops and tablets of varying sizes to phones. The admin control panel remained designed solely for full-size desktop screens. If you were in a pinch and needed to make a change in the control panel on your phone, you could, but it was far from efficient as you zoomed in and out and scrolled left to right to be able to read the page.

In XenForo 1.5, we've extended the responsive framework to the entire control panel. While it's unlikely that you'll want to edit a template on your phone, it should be much easier to take other actions in the control panel when you can't get to your laptop.

Here are a few assorted screenshots of how it will look.

upload_2015-6-9_13-9-9.png


upload_2015-6-9_13-10-42.png


upload_2015-6-9_13-11-14.png


upload_2015-6-9_13-12-2.png


We've also changed the tabs on more recent mobile devices to be somewhat more compact than just one per row, but to also use space efficiently:

upload_2015-6-9_13-15-39.png


For add-on developers, most pages based off of forms or "filter lists" will automatically work. However, if your page is based on a layout that requires more horizontal space, you may need to make changes. For pages using data tables, this may mean hiding data or allowing the table to be scrollable, which can be done easily with some new responsive helper classes.

Keep an eye out for the next XenForo 1.5 feature reveal soon!