[RISOLTO] - Fabrik - come scegliere lunghezza campo form

[Enrico]

Ciao,
come posso fare per dare a Fabrik, per ogni campo del form dell'inserimento dati, la lunghezza che voglio per quel determinato form?
Grazie mille!

[giusebos]

desideri allungare la finestrella o stabilire quanto contenuto ci deve andare?
Cercate di essere meno vaghi e più precisi
Sai bene che in informatica le cose si possono intendere e fare in mille modi diversi.

[Enrico]

Desidero decidere la lunghezza esatta della finestrella...


Perchè se ad esempio scelgo per un campo testo, nella formattazione di fabrik alla voce bootstrap class, SPAN 3, queesto non ha la stessa lunghezza di un campo dropdown.
voleco capire come fare a dare una lunghezza esatta del campo.


GRAZIE.

[giusebos]

con Fabrik è possibile stabilire quanto deve essere larga la finestra che ospitera il contenuto, selezionando una classe specifica nella sezione formattazione.

Affinchè però tutto funzioni, è necessario che quelle classi siano presenti nel template in uso. Fabrik mette a disposizioni le classi presenti nei template basati su bootstrap, ad esempio spanXX usato da bootstrap 2 e col-md12 per bootstrap 3 e 4. Inoltre è possibile scegliere input-xxxxx per quei templati che usano questa sintassi.

Se le classi sono presenti, associando una queste vedrai subito il cambiamento, mentre se niente succede è perchè probabilmente il tuo template non ne fa uso.

Sarà comunque possibile integrare e/o creare classi a tuo uso e consumo.

Infine, per un corretto funzionamento di fabrik, come è specificato nel forum di supporto, è importante basarsi sul template protostar (il template di serie di joomla), infatti se il template utilizzato non possiede le classi specifiche, sarà possibile copiarle da questo.

Altresì sarà importante tenere presente anche quale versione di jQuery utilizza il template, questo per non avere cattive sorprese con form avanzati.

[Enrico]

Ciao, il template che uso è Purity 3, e ho scaricato per fabrik il bootstrap 3 layout.
Come da istruzioni ho copiato i file della cartella bootstrap nella cartella del template che uso...
L'unica cosa è che oltre alla cartella bootstrap (nel file scaricato per fabrik per il layout che usa bootstrap 3) ci sono altri file che io non ho caricato nel mio template, ci sono 2 cartelle (generic icon e uikit) che non ho usato...
Devo copiare anche queste nel mio template?
E se si, sapete il percorso in cui vanno inserite? ho cercato ma non ho trovato nulla al riguardo.

[giusebos]

non ho mai adeguato bootstrap 3 a fabrik, ma credo che non sia la soluzione migliore per vedere più larghe le finestre dei campi.

[Enrico]

Agendo sui css, riesco a dare la lunghezza che voglio al campo, solo che da da la stessa lunghezza per tutti i campi dello stesso tipo, è possibile modificare la lunghezza di un solo campo specifico?
Ad esempio, per il campo nome e cognome mi va bene che il campo sia di 220px, mentre per l'indirizzo deve essere più lungo...
Si riesce a dare una regola direttamente da fabrik?

[tomtomeight]

Dkvresti abbinare anche il nome della colonna nei css.

[Enrico]

Ho provato ma non riesco..
Per caso esiste un esempio da poter vedere?

[tomtomeight]

Prova con
#nome del campo { codice css}

Codice: [Seleziona]

#email{width: 85px;}
Per una resa responsive però dovresti operare in percentuale ed anche con calcoli.

Codice: [Seleziona]

#email   {width: calc((100% - 10px) / 3);}
In questo esempio il campo email occuperà un terzo della riga, i 10 px che sottrai servono per distamziare i campi, poi naturalmente potrai individuare le giuste percentuali provando e riprovando.

[Enrico]

Ho provato, ma non funziona...


ho messo nel custom.css il seguente codice:



#indirizzo {
    with : 420px ; }


ma non funziona, poi ho provato anche con:



#anagrafica___indirizzo {
    with : 420px ; }


ma anche questo non funziona...


 

[tomtomeight]

Sei sicuro di aver messo il nome del campo e non della label?

[tomtomeight]

Anzi no devi prima assegnare un id ai campi, e richiamare l'id nel css col #

Codice: [Seleziona]

<label for="email">Email</label><input type="text" name="email" id="email" />

[Enrico]

dove vado per assegnare un id ai campi? direttamente da fabrik o devo modificare il codice?

[tomtomeight]

Controlla se gia è assegnato un id, non conosco fabrik ma dovrebbe esserci la possibilita di aggiungere html per ogni campo.

[giusebos]

ogni elemento di fabrik  può essere controllato singolarmente, ma non dipende da fabrik, ma solo da quanta padronanza abbiamo in ambito css/html

Come scrissi fabrik ha bisogno del bootstrap 2 che dovrà essere integrato nel template. Se usi il template protostar niente dovrai fare se non scegliere la specifica classe da usare; per avere una finestrella larga basterà portarsi nella tabs formattazione e scegliere da una dropdownlist la classe desiderata secondo la misura desiderata.

Se il template non usa bootstrap 2 come fare?

Riprodurre la classe nel css del template, meglio se inserita nel file personalizzato, quale è lo capirai leggendo la documentazione del template.

Quindi una volta accertato che nessuna delle voci che troverai nella drop down list sortisce qualche tipo di effetto, scegli una di quelle voci, ad esempio "input-large" e riproducine la regola scrivendola nel file css di cui ho scritto sopra.

Questa la regola per "input-large"

Codice: [Seleziona]

.input-large {
    width: 210px;
}
210px vuol solo dire chela finestra avrà quella misura. Cambiando il numero cambierai la misura e come già scritto da TomTom si possono usare anche misure relative con la percentuale e fare anche calcoli.

Poi mi chiedo se non è un segreto, perchè non inserire un link al sito o pubblicarlo, probabilmente avresti già risolto da giorni.

[Enrico]

Ma por......
Non ho capito perchè ma il template non mi cosiderava più il file custom.css....


Devo aver toccato qualcosa...


comunque ho ripristinato e il codice


#nome del campo { codice css}


funziona!


Scusatemi tutti.
E Grazie mille!