Выделение ссылок в веб-части «Быстрые ссылки» на современной странице SharePoint

Мы добавили 4 веб-части/части приложения Quick Links в один раздел на современной странице SharePoint. Мы хотели бы выделить ссылки только в веб-части Quick Links 2 и веб-части Quick Links 4. Я добавил современный редактор сценариев React. Как мы архивируем вышеуказанное требование с помощью CSS? Если это невозможно в CSS, мы хотели бы представить JS. Я не смог найти фиксированное имя тега, которое я мог бы получить и применить CSS, кроме GUID.


person Sid    schedule 22.10.2020    source источник


Ответы (1)


Вы можете попробовать внедрить CSS с помощью SPFX. Посмотрите демонстрацию, которой поделился hugoabernier.
Основной код:

export default class InjectCssApplicationCustomizer
  extends BaseApplicationCustomizer<IInjectCssApplicationCustomizerProperties> {

  @override
  public onInit(): Promise<void> {
    Log.info(LOG_SOURCE, `Initialized ${strings.Title}`);

    const cssUrl: string = this.properties.cssurl;
    if (cssUrl) {
        // inject the style sheet
        const head: any = document.getElementsByTagName("head")[0] || document.documentElement;
        let customStyle: HTMLLinkElement = document.createElement("link");
        customStyle.href = cssUrl;
        customStyle.rel = "stylesheet";
        customStyle.type = "text/css";
        head.insertAdjacentElement("beforeEnd", customStyle);
    }

    return Promise.resolve();
  }
}
person Amos    schedule 23.10.2020
comment
У меня уже есть веб-часть Modern Script Editor на странице. Какие стили CSS добавить для выделения ссылок в определенной веб-части Quick Links. Примечание. У меня есть несколько веб-частей быстрых ссылок на странице. Заранее спасибо. - person Sid; 23.10.2020
comment
Я пытался добавить css в современный редактор скриптов, но он не работает. - person Amos; 23.10.2020
comment
Спасибо Микаэлю Свенсону. Проверьте его веб-часть современного редактора сценариев по этой ссылке github.com/pnp/sp-dev-fx-webparts/tree/master/samples/ Это работает. - person Sid; 26.10.2020