CSS para idiomas da direita para a esquerda em portais

Você pode controlar a geração de CSS para idiomas da direita para a esquerda usando uma variedade de métodos.

Além disso, portais do sistema de base Portal de serviços(/sp) e portais personalizados podem precisar de personalização CSS adicional para espelhar completamente a direção de um portal para idiomas da direita para a esquerda.

Widgets personalizados podem precisar de alguma conversão manual para idiomas da direita para a esquerda.

• Para estilos em linha no modelo HTML de um widget, mova esses estilos para o CSS do widget para que eles sejam convertidos automaticamente.
• Para estilos internos no modelo HTML de um widget, você pode usar rtl seletor de atributos ou .rtl Seletor de classe para fornecer CSS específico para idiomas da direita para a esquerda.
• Para incluir CSS específico para idiomas da direita para a esquerda, você pode chamar IsRTLHabilitado() método no GlideSPScriptable - Scoped no script de servidor de um widget ou use o. g_portal_isrtl sinalizador global no client script do widget.

Além disso, no CSS de tema, página, widget ou instância de widget, você pode adicionar diretivas da direita para a esquerda às propriedades CSS usando somente uma cadeia de caracteres de interpolação Sass ( """ ).

Tabela 1. Diretivas CSS para idiomas da direita para a esquerda

Diretiva CSS da direita para a esquerda	Descrição
/*rtl:ignore*/	Ignora a propriedade ao converter CSS do portal para idiomas da direita para a esquerda.
/*rtl:prepend:10px*/	Adiciona um valor ao início do valor da propriedade para idiomas da direita para a esquerda. Este exemplo é precedido 10 px .
/*rtl:append:3rem*/	Adiciona um valor ao final do valor da propriedade para idiomas da direita para a esquerda. Este exemplo é anexado 3rem .
/*rtl:substituir: 30px */ ou /*rtl: 30px */	Substitui o valor da propriedade pelo valor especificado para idiomas da direita para a esquerda. Este exemplo substitui o valor da propriedade por 30px .
/*rtl:insert:25px*/	Insere o valor especificado no lugar da diretiva para idiomas da direita para a esquerda. Este exemplo insere 25px .

Ignore a propriedade de transformação no CSS convertido da direita para a esquerda

.fl {
transform: rotate(45deg) translateY(5px) #{"/*rtl:ignore*/"};
}