Мы добавили 4 веб-части/части приложения Quick Links в один раздел на современной странице SharePoint. Мы хотели бы выделить ссылки только в веб-части Quick Links 2 и веб-части Quick Links 4. Я добавил современный редактор сценариев React. Как мы архивируем вышеуказанное требование с помощью CSS? Если это невозможно в CSS, мы хотели бы представить JS. Я не смог найти фиксированное имя тега, которое я мог бы получить и применить CSS, кроме GUID.
Выделение ссылок в веб-части «Быстрые ссылки» на современной странице SharePoint
Ответы (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
У меня уже есть веб-часть Modern Script Editor на странице. Какие стили CSS добавить для выделения ссылок в определенной веб-части Quick Links. Примечание. У меня есть несколько веб-частей быстрых ссылок на странице. Заранее спасибо.
- person Sid; 23.10.2020
Я пытался добавить css в современный редактор скриптов, но он не работает.
- person Amos; 23.10.2020
Спасибо Микаэлю Свенсону. Проверьте его веб-часть современного редактора сценариев по этой ссылке github.com/pnp/sp-dev-fx-webparts/tree/master/samples/ Это работает.
- person Sid; 26.10.2020