Advanced text editing

[GoogleCodeExporter]

We have color picker and other advanced text editing in Magento.

The same functionality needs to be replicated in ZP interface, preferably using 
the same script. Definitely use the same sprites and the same styles.

Background info:
http://code.google.com/p/magento-w2p/issues/detail?id=566
http://code.google.com/p/magento-w2p/issues/detail?id=571

There will be some HTML changes to add classes and collect output. Tell us what 
they should be.

Probably make a prototype with minimal amount of work, even if it's not the 
most elegant way and we'll see what it takes to do it properly.

Use realestate without any skin to begin with.

Original issue reported on code.google.com by ad...@zetaprints.com on 29 Jun 2011 at 10:05

[GoogleCodeExporter]

In magento, whether a field need to be added color-picker capability is 
determined by whether we set colour-picker property on this field in the 
template details. So it is not determined by class name, it's determined by 
template information.
How would we do this for ZP interface?

Original comment by hanl...@gmail.com on 30 Jun 2011 at 10:08

[GoogleCodeExporter]

By class name. I don't think it's there yet.
Can you just assume it's there for now?
The class name will be added later today.

Original comment by ad...@zetaprints.com on 30 Jun 2011 at 10:19

[GoogleCodeExporter]

Have you added the class name?

Original comment by hanl...@gmail.com on 5 Jul 2011 at 11:05

[GoogleCodeExporter]

Later today. you can get started with a prototype.

Original comment by ad...@zetaprints.com on 6 Jul 2011 at 1:58

[GoogleCodeExporter]

Example: 

<td id="idFieldContainer3">
<span class="hidden user-field-adv-button picker-f-RGB story-1">+</span>
<b class="clickable" onclick="genToggleBlock('idFieldParam3')" title="Edit 
field">Area code
<br>

What you need to look for is a span with class name "user-field-adv-button". 
This is where you need to place the control for a pop-up. 

Class name "picker-f-RGB" = color picker for text fill enabled

See http://realestate.zetaprints.com/Sample-Stationery/Coffee-card.htm or use 
any other product you wish.

 picker-f-RGB

Original comment by ad...@zetaprints.com on 6 Jul 2011 at 8:43

[GoogleCodeExporter]

I do not understand this. Why not just adding picker-f-RGB class to the control 
element itself?

Original comment by hanl...@gmail.com on 12 Jul 2011 at 2:13

[GoogleCodeExporter]

Do you mean the INPUT ?

Original comment by ad...@zetaprints.com on 12 Jul 2011 at 2:26

[GoogleCodeExporter]

yes

Original comment by hanl...@gmail.com on 12 Jul 2011 at 2:28

[GoogleCodeExporter]

But the additional controls are not really tied to the input field, rather to 
the container.

Any reason why you want the class name for the input field?
We can add it in, just need to know if there is a genuine reason for it.

Original comment by ad...@zetaprints.com on 12 Jul 2011 at 3:43

[GoogleCodeExporter]

1. It's semantic from the HTML markup aspect. HTML author does not need to know 
how the additional controls are generated (He even does not need to know about 
additional controls), What he want is just "I need this control support 
changing color!".
2. The js color picker library in magento operates on the input themselves.
Every js UI widget does this in this way, please check jquery ui library.

Original comment by hanl...@gmail.com on 13 Jul 2011 at 1:58