Concrete 5.7 Mobile Editing
Permalink
I already tried to start discussion on other topic, but I decided to make very own for this one.
I think Concrete 5.7 should add more support for Mobile Editing. There isn't "Add new Page"-link on front-end when using Mobile Device, so new pages are available to add from the Site map. Most of our clients doens't have access to Dashboard, cause they're supposed to edit only the content.
Second, the Concrete 5.7 default "Page properties" and "Composer" lacks Mobile optimation, so they are unreachable with Mobile phones. I think we should focus also on these areas. C5.7 itself supports all kind of mobile theming, but I think built-in editor themes should tweak a little bit.
Here's some tweaks I've made. I think they're not perfect but atleast they add more support for mobile phone editing.
Add new page -tweak:
page_controls_footer.php
Editor css-tweak:
Your own css-file
I think Concrete 5.7 should add more support for Mobile Editing. There isn't "Add new Page"-link on front-end when using Mobile Device, so new pages are available to add from the Site map. Most of our clients doens't have access to Dashboard, cause they're supposed to edit only the content.
Second, the Concrete 5.7 default "Page properties" and "Composer" lacks Mobile optimation, so they are unreachable with Mobile phones. I think we should focus also on these areas. C5.7 itself supports all kind of mobile theming, but I think built-in editor themes should tweak a little bit.
Here's some tweaks I've made. I think they're not perfect but atleast they add more support for mobile phone editing.
Add new page -tweak:
page_controls_footer.php
<li class="ccm-toolbar-page-edit"><i class="fa fa-files-o mobile-leading-icon"></i><a href="#" data-panel-url="<?php echo URL::to('/ccm/system/panels/sitemap') ?>" title="<?php echo t('Add Pages and Navigate Your Site') ?>" data-launch-panel="sitemap"> <?php echo t('Add Pages and Navigate Your Site') ?> </a></li>
Editor css-tweak:
Your own css-file
@media screen and (max-width: 550px) { div.ccm-panel-left{ width:100%; overflow:auto; max-height:40vh; } div.ccm-panel-content{ width:100%; } html.ccm-panel-left div.ccm-panel-detail{ padding-left:0; padding-top:40vh; } div#ccm-panel-detail-form-actions-wrapper{ bottom:0;
Viewing 15 lines of 22 lines. View entire code block.