Click to edit as floating link [#1285430]

At now by default editablefields for Drupal 7.x adds button "Click to edit" for each field.
But with 6.x-1.2 they adds floating "[edit]" link to each editable element, that don't eats the space and looks more comfortable.
I can't find the way to display edit link in editablefields 1.x for Drupal 7.x like in 1.2 for 6.x, so maybe it miss in core of module.
Can you add this feature in editablefields 1.x for Drupal 7.x?

Comment	File	Size	Author
#9	editablefields-1285430-9.patch	4.54 KB	bfr
#7	editablefields-1285430-7.patch	4.53 KB	tim.plunkett
#5	editablefields-1285430-5.patch	4.39 KB	tim.plunkett
#3	editablefields-1285430-3.patch	3.86 KB	dags

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

Damien Tournoud CreditAttribution: Damien Tournoud commented 20 September 2011 at 19:19

This is the job of CSS... we could include a generic CSS in the module, if someone wants to contribute one :)

Comment #2

Murz

English

Yerevan, Armenia

CreditAttribution: Murz commented 20 September 2011 at 19:42

Seems that in 6.x-1.2 this done not with css only, but with javascript in editablefields.js:

  $('div.editablefields', context).filter('.clicktoedit').not('.editablefields-processed').each(function() {
    $(this).prepend(Drupal.settings.editablefields.clicktoedit_message);
    $(".editablefields_clicktoedit_message").fadeOut(3000);
    $(this).mouseover(function(){$(".editablefields_clicktoedit_message",this).fadeIn(500);});
    $(this).mouseout(function(){$(".editablefields_clicktoedit_message",this).fadeOut(500);});
    $(this).click(Drupal.editablefields.init);
  });

Maybe we can reuse this code?

Comment #3

dags CreditAttribution: dags commented 28 December 2011 at 17:34

Status:

Active

» Needs review

File	Size
editablefields-1285430-3.patch	3.86 KB

Here's a first attempt. It adds an instance setting for "Click to edit style". The CSS is a work in progress, especially since the D6 was a link and this is a button.

Comment #4

tim.plunkett

he/him

English

Philadelphia

CreditAttribution: tim.plunkett commented 28 December 2011 at 18:08

I'm not sure which is easier, making a link behave like a submit button, or making a button look like a link.
And that depends on how closely this should mimic D6.