Как изменить CSS фильтра в Spotfire, не имея видимой текстовой области? - PullRequest
Новая
       19

Как изменить CSS фильтра в Spotfire, не имея видимой текстовой области?

0 голосов
/ 29 апреля 2019

Я хочу изменить CSS одного из фильтров в Spotfire.

Один из способов сделать это - добавить текстовую область, продублировать там фильтр и добавить CSS.

Например,: 

<head>
<style>
.ColumnFilter .sf-element-filter-item:nth-of-type(2) {background-color: salmon;}
</style>
</head>

<SpotfireControl id="42" />

Изменяет цвет фона фильтра как в текстовой области, так и на панели фильтра.

Теперь проблема в том, что я не хочу иметь текстовую область, только панель.Но если я удалю текстовую область, CSS-эффект на панели исчезнет.

1 Ответ

1 голос
/ 04 июня 2019

Сохраните ваш CSS внутри свойства документа или JavaScript и используйте js, чтобы добавить его в заголовок.Это все еще требует использования текстовой области, но нужно только инициализировать один раз (т.е. начальную страницу, целевую страницу, домашнюю страницу и т. Д.).При перезагрузке браузера просто не забудьте вернуться на ту же страницу, чтобы js мог повторно инициализировать. 

$(function(){
    cssTxt = $("#css").text();  //label property 

    if($('#custom-css').length){
        //do nothing
        console.log('custom-css has already been appended') 
    } else {
        //add css to head
        console.log('%cappending custom-css','color:red') 

        $('head').append($('<style id=custom-css>'+cssTxt +'</style>'));
    }
});

Джолин Робертсон

...