Pages

Monday, November 8, 2010

Come sottolineare il titolo di una web part SharePoint 2010

Altra settimana altro tip Open-mouthed smile
Vi piacerebbe ottenere una titolo di una web part simile a questo?
webparttitleunderline1
ovvero un titolo di una web part sottolineato?
Niente di più semplice!!!
Se analizziamo il codice HTML renderizzato dal nostro browser troveremo qualcosa di simile:

<td title="New Technology" class="ms-WPHeaderTd" id="WebPartTitleWPQ6">

In questo caso, il mio, ho trova (usando il Select Element by Click del Developer Tools di Internet Explorer 8) la riga di sopra.
Ciò che interessa a noi è l’attributo title che fa fede al titolo della web part più la descrizione (che io ho eliminato).
Trovato il nostro title basterà aggiungere uno style di questo tipo:
.ms-WPHeader TD[title^="New Technology"] {
  border-bottom:2px solid red;
}
la classe .ms-WPHeader specifica come disegnare la riga della tabella generata dalla renderizzazione della web part e all’interno cercheremo il tag TD con title New Technology
enjoy

No comments:

Post a Comment