留言板

Come utilizzare il Color Picker

thumbnail
Marco Azzalini,修改在6 年前。

Come utilizzare il Color Picker

Regular Member 帖子: 146 加入日期: 14-11-18 最近的帖子
Salve, vorrei inserire in una mia pagina il classico componente per selezionare un colore arbitrario e poi averne il codice esadecimale, solo che vari link che ho trovato in rete portano tutti a codice per la 6.1 o precedenti che nella 6.2 che uso io non mi funzionano.
Qualcuno sa indirizzarmi su un esempio realmente funzionante per la 6.2 ?

ciao e grazie
Marco
thumbnail
Daniele Baggio,修改在6 年前。

RE: Come utilizzare il Color Picker

Expert 帖子: 336 加入日期: 08-12-5 最近的帖子
ciao Marco,

la prima cosa che mi viene in mente è andare a vedere il codice del tema Manzanita dell'ottimo Marco Castro dove nella configurazione globale usa un color picker.

https://github.com/marcoscv-work/manzanita-theme/blob/master/docroot/WEB-INF/liferay-look-and-feel.xml


AUI().ready(
	'aui-color-picker-popover',
	function(A) {
	var AllControls = A.all("#regularlayoutsAdminLookAndFeelSettingsPanelContent .control-group");
	AllControls.setStyle('marginBottom', '5px');
	var nodePicker = A.one("#[@NAMESPACE@]navigation-color");
.....
.....


Se prendi il codice e lo adatti raggiungi lo scopo.

@baxtheman
thumbnail
Marco Azzalini,修改在6 年前。

RE: Come utilizzare il Color Picker

Regular Member 帖子: 146 加入日期: 14-11-18 最近的帖子
Grazie Daniele! Ci guardo sicuramente...
Nel frattempo ho pensato che posso utilizzare anche <input type="color" ...> dell'HTML5.
Internet Explorer 11 non lo supporta, ma forse posso conviverci.

Intanto ancora grazie... se arrivo a qualcosa di condivisibile lo posto qui sul thread

ciao
Marco