Responsive CP Finally Released

22 January 2012

Respons­ive CP is an Expres­sion­En­gine theme that I star­ted work­ing on over a year ago but that I only released to the pub­lic as a free add-on last week. You may have already noticed it in the vari­ous screen­shots of our add-ons. The theme has two main goals – to provide a more pro­fes­sion­al look­ing con­trol pan­el and to work well on desktop as well as mobile devices with small to medi­um screen sizes.

Responsive cp 2

The look and feel of the con­trol pan­el has been made more pro­fes­sion­al by decreas­ing the radi­us of those excess­ive roun­ded corners, improv­ing con­trast and col­ours and gen­er­ally tidy­ing up ele­ments. Media quer­ies are used to tweak the con­trol pan­el based on the fol­low­ing screen sizes, mak­ing it respons­ive to the device used:

  • Tab­let in por­trait mode (768 pixels wide)
  • Phone in land­scape mode (480 pixels wide)
  • Phone in por­trait mode (320 pixels wide)

Although it is pos­sible to use an override.css file to cus­tom­ise the theme, Respons­ive CP was built as an access­ory so that it can be switched on and off from the con­trol pan­el and so that it can be used to dis­play a logo at the bot­tom of the screen. This add-on is still in exper­i­ment­al mode and I will be listen­ing to your com­ments and feed­back on how I can improve it.

Please also con­sider leav­ing a review if you like it.