Me gustaría aplicar colores a las filas de una lista de SharePoint según el estado o similar.¿Cómo aplico colores a una lista de SharePoint, en función del estado?
Por favor alguien podría decirme en detalle cómo hacer esto.
Me gustaría aplicar colores a las filas de una lista de SharePoint según el estado o similar.¿Cómo aplico colores a una lista de SharePoint, en función del estado?
Por favor alguien podría decirme en detalle cómo hacer esto.
Hay un montón de mensajes en la excelente Path To SharePoint blog con respecto a este tema.
No voy a enumerar las publicaciones individuales, pero la técnica se llama 'Html Calculated Column'.
Aunque esta es una respuesta tardía, esta pregunta todavía se hace mucho.
He creado un resumen de los posibles métodos de hacer esto, con enlaces a páginas que tienen tutoriales más detallados (incluyendo la solución de Christophe mencionado por @Muhimbi):
How to do list highlighting in SharePoint
Es mi compañía de el blog [siento], y fue inspirado por la creación de un producto comercial que tiene esta funcionalidad [siento], y mencionan inevitablemente el producto en el blog [
comprar ahora
siento].
a continuación lo más destacado de código y añadir estilo a los padres (el más cercano) fila de la tabla basada en alguna celda de la tabla valor numérico
formato condicional en el diseñador de SharePoint no funcionaba bien y la forma en que esperaba y que utiliza este código jQuery es mucho mejor
<script src="https://portal/SiteAssets/jsLibrary/jquery.1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
// Wait until SP.JS has loaded before calling ConditionalFormatting
ExecuteOrDelayUntilScriptLoaded(ConditionalFormatting, "sp.js");
});
function ConditionalFormatting(){
jQuery('table[id*="7011A98DAFA5"] tbody td').each(function(){
var valD=parseFloat(jQuery(this).text());
if (valD== 0.16){
jQuery(this).closest('tr').css('background-color','yellow')
}
else if (valD > 0.16){
jQuery(this).closest('tr').css({'background-color':'red'})
}
else if (valD< 0.16){
jQuery(this).closest('tr').css('background-color','green')
}
});
}
</script>