Jump to content

Archived

This topic is now archived and is closed to further replies.

glennyboy

Editor Controls Annoyances

Recommended Posts

glennyboy    9
glennyboy

Hi

 

The editor controls on DMS are not sufficiently responsive to the demands of a modern design with elements like:-

  • A section/element of zero height 0px
  • A display:none section/element
  • A section/element with a high z-index (above the controls)
  • A section/element with absolute or fixed positioning

This manifests in some sections being completely un-editable in under DMS unless the properties above are replaced with an opposite value e.g. relative with 20px height. The editor controls jump in and out and its still impossible to select move, delete, edit buttons etc. For ease what I am doing currently is changing the z-index, giving the sections a min-height in DMS editor and switching the edit to right so it stops the element going in and out with:-

 // DMS Fix.pl-editor {
section {
min-height: 125px;
}
}
.drag-drop-editing .pl-area .pl-area-controls {
z-index: 50000;
left: auto;
right: 0px;
}
 
This is a hack and doesn't give a true 'Design' view and needs to be urgently addressed.
 
One possible way could be for a static/fixed bar fall-back with duplicates of all editable areas in a single place with a very high z-index. This would allow the elements to always be editable. Alternatively what about alternating controls left and right to prevent controls overlap.
 
Regards
 
Glennyboy

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

HI,

 

Not entirely sure what you're referring to, can you provide screenshots of what you're giving feedback on please.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
glennyboy    9
glennyboy

Hi Danny

 

I can't really provide screenshots that show I'm unable to click on editor fields or to show that the fields pop in and out making clicking impossible.

 

For me I also found that the following amended css also stopped an overlap of the .pl-sortable-area that was also interfering with clicking:-

 

.drag-drop-editing .pl-sortable-area {
height: 35px;
}

The min-height allows the height to spread over sections so I made it fixed.

 

To replicate the issue I suggest you simply create a series of sections. Hidden, zero height,  fixed and absolute with high z-index and you'll easily be able to replicate this.

 

Regards

 

Glennyboy

Share this post


Link to post
Share on other sites

×