personalizzazione field (display suite)

2 contenuti / 0 new
Ultimo contenuto
personalizzazione field (display suite)

Buongiorno a tutti

ho un problema che non riesco a risolvere:
ho creato diversi Content Type con numerosi field, e riesco a gestire il layout pagina con il modulo Display Suite, ma non riesco a personalizzare il formato dei campi; vorrei dare un aspetto migliore alle mie pagine che ora sono semplicemente l'elenco di tutti i campi compilati, senza un minimo di formattazione ne di colore.

Qualcuno può consigliarmi un modulo per la gestione personalizzata dei display??? oppure devo operare a livello css??? e nel caso quali sono i file su cui lavorare???

Grazie per l'attenzione

Fabrizio

Drupal Version:

Enable field templates

To use Display Suite field templates:

Enable the sub module Display Suite Extras at Administration > Modules (admin/modules)
Go to Administration > Structure > Display Suite and click the secondary tab "Extras" (admin/structure/ds/extras)
Check the option "Enable Field templates"
Choose a Default Field Template (e.g., "Full reset" to remove all markup from a field)
Click "Save configuration"
Go to Administration > Structure > Display Suite (admin/structure/ds/layout) and choose "manage display” for the desired entity.
Click the cogwheel left of the field that you want to change.
Click "Save”

You can choose a field template, add CSS classes (if you have defined any) and change the value of the label.
Add CSS classes to fields

When field templates are enabled you can create custom CSS classes for fields.

Go to Administration > Structure > Display Suite > CSS Classes (admin/structure/ds/classes)
Enter custom class names in the fields "CSS classes for fields” (one per line). You can provide a human friendly class name by using a pipe ("|”), e.g.,:

class_name_1
in_your_face|In Your Face
super_emphasised|Super emphasised

Click "Save”
Go to Administration > Structure > Display Suite (admin/structure/ds/layout) and choose "manage display” for the desired entity.
Click the cogwheel left of the field that you want to change. The custom fields are available in the select list "Additional CSS classes"
Click "Save”

You can check the source code of your web page to see the new classes and start styling them in your CSS.