Solución:
Desafortunadamente, en Modern Experience, no puede personalizar la página para agregar JS o CSS personalizado.
Personalizaciones admitidas para la página de experiencia moderna
- Marca personalizada como temas personalizados
Nota: Temas personalizados es el método disponible para personalizar los temas de la página moderna; de lo contrario, deberá cambiar a
Classic ExperiencePuede usar CSS / JS personalizado y personalizar su página como lo hizo.
- Agregar páginas “modernas” mediante programación
- Agregar, eliminar y actualizar elementos web del lado del cliente en páginas “modernas”
Personalizaciones no admitidas para la página de experiencia moderna
- Páginas maestras personalizadas
- Más adelante se admitirá una marca más extensa utilizando opciones alternativas
- Plantillas de página personalizadas (plantillas de diseño) y diseños alternativos
- Agregar elementos web “clásicos” en páginas “modernas”
- CSS personalizado a través de la propiedad web AlternateCSSUrl
- JavaScript personalizado incrustado a través de acciones personalizadas del usuario
Para más detalles, consulte
- Personalizar las páginas del sitio “modernas”
- Agregar código javascript a la vista predeterminada de la biblioteca de documentos
Podemos agregar JS y CSS a páginas modernas solo a través de SharePoint Framework. Puedes desarrollar un Extensión SPFx para agregar sus definiciones CSS personalizadas a la página.
Creo que esto todavía está en la vista previa para desarrolladores. Puede encontrar más detalles aquí: https://dev.office.com/blogs/announcing-availability-of-sharepoint-framework-extensions-developer-preview