It is currently 8 June 2025, 20:51 Advanced search

Attivando FLUID il sito risultate è sgranato!

Domande e risposte su come utilizzare Instant Developer Foundation al meglio

Attivando FLUID il sito risultate è sgranato!

Postby texw » 16 July 2024, 22:50

capita solo a me che attivando fluid (anche in un nuovo progetto) il sito generato sia "sgranato" mi riferisco alle icone font awesomeù etc

insomma non viene disegnato correttamente
CadCentric
texw
 
Posts: 498
Joined: 1 February 2018, 8:25

Re: Attivando FLUID il sito risultate è sgranato!

Postby zpj61 » 17 July 2024, 5:10

Per quella che è la mia esperienza le icone con fluid si incasinano (se progetto precedente) e bisogna mettere quelle di ionic. Le ho rifatte tutte...
User avatar
zpj61
 
Posts: 1036
Joined: 20 November 2015, 8:20
Location: Bassano del Grappa

Re: Attivando FLUID il sito risultate è sgranato!

Postby p.castagnetti.custom » 17 July 2024, 8:13

Io ho messo nella cartella "custom" il file customf.css e ho rimappato le icone che mi servivano da Ionic verso quelle di FontAwesome
Esempio
Code: Select all
.frame-lock-btn .ion-md-lock:before {font-family: FontAwesome; content: "\F023"; }
.frame-lock-btn .ion-md-unlock:before {font-family: FontAwesome; content: "\F13E"; }
.qbe-tip-btn .ion-md-information-circle-outline:before {font-family: FontAwesome; content: "\f29c"; }
.top-btn .ion-md-rewind:before {font-family: FontAwesome; content: "\F049"; }
.prev-btn .ion-md-play:before {font-family: FontAwesome; content: "\F04E"; }
.next-btn .ion-md-play:before {font-family: FontAwesome; content: "\F04E"; }
.bottom-btn .ion-md-fastforward:before {font-family: FontAwesome; content: "\F050"; }
.search-btn .ion-md-search:before {font-family: FontAwesome; content: "\F010"; }
.find-btn .ion-md-flash:before {font-family: FontAwesome; content: "\F002"; }
.formlist-btn .ion-md-list:before {font-family: FontAwesome; content: "\F00B"; }
.formlist-auto-btn .ion-md-arrow-back:before {font-family: FontAwesome; content: "\F060"; }
.undo-btn .ion-md-undo:before {font-family: FontAwesome; content: "\F0E2"; }
.refresh-btn .ion-md-refresh:before {font-family: FontAwesome; content: "\F021"; }
.delete-btn .ion-md-trash:before {font-family: FontAwesome; content: "\F1F8"; }
.insert-btn .ion-md-add:before {font-family: FontAwesome; content: "\F196"; }
.duplicate-btn .ion-md-copy:before {font-family: FontAwesome; content: "\F24D"; }
.save-btn .ion-md-save:before {font-family: FontAwesome; content: "\F058"; }
.print-btn .ion-md-print:before {font-family: FontAwesome; content: "\F02F"; }
.csv-btn .ion-md-open:before {font-family: FontAwesome; content: "\F1C3"; }
.attach-btn .ion-md-attach:before {font-family: FontAwesome; content: "\F0C6"; }
.group-btn .ion-md-grid:before {font-family: FontAwesome; content: "\F009"; }

.row-selector .ion-md-close-circle:before {font-family: FontAwesome; content: "\F057"; }
.row-selector .ion-md-remove-circle:before {font-family: FontAwesome; content: "\F056"; }
.row-selector .ion-md-arrow-round-forward:before {font-family: FontAwesome; content: "\F105"; }
p.castagnetti.custom
 
Posts: 3
Joined: 2 May 2024, 8:12


Return to Tips & Tricks - Foundation

Who is online

Users browsing this forum: No registered users and 51 guests