My Cart (0)  |  My Orders  |  My Downloads  |  My Auction  |  My Account  |  Help


Login |Register        Search

Making the DNN Control Panel Accessible on Mobile

                Print      Add To Favorite     Add To Watch List     Contact Author

Creator: host   6/7/2016 10:16:14 PM    Author: David Poindexter   Source: http://www.dnnsoftware.com/community-blog/cid/155258/making-the-control-panel-mostly-accessible-on-mobile-devices   Views: 1203    0    0  
Tags:
skin Theme Control Panel

Have you ever attempted to make a change to a DNN website from a mobile device only to find you can't access the "Edit Page" section of the Control Panel?  Ideally it would be great if the Control Panel were responsive.  However, until that time comes, there is a quick workaround we have used and I thought I would share it with others.  The following solution works on devices supporting at least a 726px screen width.  

You can simply override the following class style from /admin/ControlPanel/ControlBar.css

 


.ControlContainer {

 

position: relative;
width: 980px;
height: 53px;
margin: 0px auto;

}



In the above CSS, you'll see the ControlContainer class has a fixed width of 980px.  This can be changed to 726px as depicted below.  However, you'll want to handle this override within your theme/skin CSS or other applicable CSS file as to not modify the core DNN CSS file.

.ControlContainer {

 

position: relative;
width: 726px;
height: 53px;
margin: 0px auto;

}



Until a better UI/UX is developed for the core control panel, this workaround should help the many desiring to make updates to a DNN site via mobile device.

Rating People: 0   Average Rating:     

     DnnModule.com is built to provide DNN quality modules and DNN skins, some of them are free, some not. We wish these stuffs (free or not ) can be useful to you.

     Besides that, we also provide a full range of professional services, ranging from web site build, seo, system management, administration, support, senior consultancy and security services. We act as if your development project or network was ours, with care and respect. We are not satisfied until it works the way you want it to, and we don't silently ignore found issues as somebody else's problem.