It is currently 26 September 2022, 0:08 Advanced search

Personalizzare il css la finstra di debug

Domande e risposte su come utilizzare Instant Developer Foundation al meglio

Personalizzare il css la finstra di debug

Postby f.faleschini » 16 March 2020, 17:32

Sto cercando di mettere le righe alternate nella pagina di debug, nella tabella in basso a destra (la cui classe è ProcTable) per rendere più leggibili i risultati del profiler, altrimenti è tutto bianco e si fa fatica a capire quale metodo ha dato i risultati che si vedono sulla destra, per esempio:
Image

Ho visto che c'è un dtt.css in cui è definito il css per .ProcTable.

ho provato ad aggiungere al custom.css questo ma non funziona:

Code: Select all
.ProcTable tr:nth-child(odd){
   background: white;
}

.ProcTable tr:nth-child(even){
   background: honeydew;
}


speravo così di risolvere ma non riesco ad applicare quel css.

Qualbuno mi può dire dove sbaglio? Grazie. Ciao!
f.faleschini
 
Posts: 839
Joined: 12 April 2017, 9:09

Re: Personalizzare il css la finstra di debug

Postby dr_whiteriver » 16 March 2020, 17:47

Bella domanda! Sei forte! Magari sapessimo come far...

Ciao
Alessandro
User avatar
dr_whiteriver
 
Posts: 458
Joined: 3 September 2012, 13:44

Re: Personalizzare il css la finstra di debug

Postby d.pierangeli » 16 March 2020, 18:09

Il debug non credo carichi il custom.css. Penso tu debba personalizzare il CSS completo.
User avatar
d.pierangeli
Pro Gamma
Pro Gamma
 
Posts: 7338
Joined: 30 September 2010, 15:35

Re: Personalizzare il css la finstra di debug

Postby f.faleschini » 17 March 2020, 11:42

Ho fatto una sessione di assistenza oggi in cui tra l'altro ho risolto questo problema, condivido con piacere cosa ho scoperto, anche per alleggerire questa situazione (mi riferisco al covid-19) in cui ci troviamo tutti e che speriamo finisca presto.

il css corretto per fare le righe alternate sarebbe

Code: Select all
.ProcTable tr:nth-child(odd){
      background: white;
}
.ProcTable tr:nth-child(even){
   background: lightgreen;
}


però non lo si può mettere nella custom.css come provavo io siccome non è previsto che da custom.css si possa personalizzare il css del debug.

Siccome il css del debug si trova in dtt.css (C:\Program Files (x86)\INDE\CURRENT\Template\CSharp\dtt.css o C:\Program Files (x86)\INDE\CURRENT\Template\Servlet\dtt.css) quello che si può fare è personalizzare tutto dtt.css e metterlo nella custom.

Così funziona, ecco come viene (va svuotata la cache una volta):
Image

Allego il mio dtt.css (lo zippo sennò non me lo fa caricare), siccome la modifica ha senso (nel senso che mancano le righe alternate in quella tabella) spero Diego sovrascriva al volo il dtt.css nel template in modo che nellla 20.0 ci sia. Le icone sulla sinistra andrebbero rese trasparenti e non quadrate bianche per fare la cosa perfetta, ma già così è molto utile per capire i risulati del profiler (in basso a destra) e capire a quale metodo si riferiscono.
Attachments
dtt.zip
dtt.css da mettere nella custom per avere le righe alternate nel debug
(1.7 KiB) Downloaded 150 times
f.faleschini
 
Posts: 839
Joined: 12 April 2017, 9:09

Re: Personalizzare il css la finstra di debug

Postby dr_whiteriver » 17 March 2020, 12:09

Grazie mille molto gentile, io ho aggiornato direttamente il file dei template e così mi si propaga in tutti i progetti

bye
Alessandro
User avatar
dr_whiteriver
 
Posts: 458
Joined: 3 September 2012, 13:44

Re: Personalizzare il css la finstra di debug

Postby smuser » 17 March 2020, 16:40

Mito
User avatar
smuser
 
Posts: 233
Joined: 3 May 2019, 10:41
Location: Milano

Re: Personalizzare il css la finstra di debug

Postby d.pierangeli » 18 March 2020, 8:12

L'attività NPQ04621 è stata completata e sarà disponibile nella versione Instant Developer 20.0. Clicca qui per leggere le note di rilascio.
User avatar
d.pierangeli
Pro Gamma
Pro Gamma
 
Posts: 7338
Joined: 30 September 2010, 15:35

Re: Personalizzare il css la finstra di debug

Postby f.faleschini » 18 March 2020, 8:48

Wow! Grazie!

La notizia mi tira su il morale in questi tempi bui.

Buona giornata!
f.faleschini
 
Posts: 839
Joined: 12 April 2017, 9:09


Return to Tips & Tricks - Foundation

Who is online

Users browsing this forum: No registered users and 43 guests