Изменить цвет текста указанного c текста в sharepoint

Question

Я проводил некоторое тестирование (отслеживание проблем) и инициировал рабочий процесс, рабочий процесс с 3 состояниями. Рабочий процесс отображается как завершенный или в процессе. Могу ли я изменить цвет слов? Например, в процессе выполнения будет оранжевый и завершено будет в зеленом.

Пожалуйста, сообщите.

Для справки: https://imgur.com/a/eK8R3UZ

Answer 1

В SharePoint 2013 мы можем добавить следующий код в веб-часть редактора сценариев для достижения этого.

<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
SP.SOD.executeFunc("clienttemplates.js", "SPClientTemplates", function() { 
    SPClientTemplates.TemplateManager.RegisterTemplateOverrides({
        OnPostRender: function (ctx) {
            $("td.ms-vb2>a>span").each(function(){
                if($(this).text()=="In Progress"){
                    $(this).css("color","orange");
                }
                if($(this).text()=="Completed"){
                    $(this).css("color","green");
                }
            });
            $("td.ms-vb2").each(function(){
                if($(this).text()=="Closed"){
                    $(this).css("color","red");
                }
                if($(this).text()=="Active"){
                    $(this).css("color","green");
                }
            });
        }
    });
});
</script>

Answer 2

Если вы хотите простое решение. У вас будет две перемены двух вещей. Во-первых, файл HTML. Вам нужно будет добавить Id в таблицу, если у него его еще нет. Во-вторых, вам нужно будет добавить следующее javascript.

Что он делает: Когда страница загружена, она получит каждую 2-ю ячейку в таблице, которую мы упомянули с идентификатором. Затем он получает значение ячейки и соответствует одному из свойств объекта colors. Наконец, он будет применять этот цвет к тексту

$(document).ready(function(){
  var indexOfColumn = 2;
  var colors = {"A": "red", "B B": "green", "C.C": "yellow"};
  
  $("#someID tbody tr td:nth-child("+ indexOfColumn +")").each(function(key, value){
    $(value).css("color", colors[$(value).text()])
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="someID">
  <tr><td>1</td><td>A</td></tr>
  <tr><td>2</td><td>B B</td></tr>
  <tr><td>3</td><td>C.C</td></tr>
  <tr><td>4</td><td>A</td></tr>
</table>

Answer 3

Честно говоря, я не пробовал это с колонкой по умолчанию для рабочего процесса, но вы можете создать поле статуса, например, «Статус» в вашем списке, который обновляется в зависимости от статуса вашего рабочего процесса, т.е. во время выполнения рабочего процесса, установите значения полей как «В». Выполнение »и непосредственно перед тем, как рабочий процесс успешно завершится, обновите его до« Завершено ». Затем, используя JS ссылку:

 (function () {
    var overrideCtx = {};
    overrideCtx.Templates = {};
    overrideCtx.OnPostRender = [];

    overrideCtx.Templates.Fields =
    {
        'Status': { 'View': ChangeColor }
    };

    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideCtx);

})();

function ChangeColor(ctx){ 
    var val = ctx.CurrentItem["Status"];
    if (val == "In Progress")
    {
        return "<span style='color: orange'>" + val + "</span>";

    }
    else {
        return "<span style='color: green'>" + val + "</span>";
    }

}

Поместите приведенный выше код в файл js и поместите его где-нибудь, например, в библиотеку стилей , Затем вы можете обратиться к этому файлу, настроив веб-часть представления списка и указав относительный URL-адрес сервера файла. Надеюсь, это поможет.

Answer 4

Если вы работаете с электронной таблицей / Excel на главной вкладке, там есть группа шрифтов, где вы увидите значок с буквой A , подчеркнутый жирным цветом, обычно красным или черным, который представляет параметр цвета шрифта, используемый для изменения цвета для указанного c текста или всего текста.