Skins de Dispositivos

Os dispositivos dispinibilizados na tela de visualização de conteúdo são obtidos a partir de arquivos de propriedades amazenados na pasta de configuração do LumisXPlumisdata\config\device\previewskin.

Novos skins de dispositivos podem ser adicionados à solução. Para isso basta criar um arquivo de propriedades contendo as informações conforme a figura abaixo.

O exemplo acima é a configuração de um Tablet iPad da Apple.

As informações contidas no arquivo representam:

• tooltip.string: Nome do dispositivo. Esse nome pode ser internacionalizado ou não. Sendo internacionalizado é necessário informar a propriedade a seguir. Este nome será exibido na lista de dispositivos.
• tooltip.resource: Caminho do resource que contém as traduções das string internacionalizadas.
• useragent: Representa o User Agent do dispositivo que será simulado.
• width: Largura em pixels da área de conteúdo (somente números).
• height: Altura em pixels da área de conteúdo (somente números).
• type: Tipo do dispositivo, usado para definir o icone do dispositivo na lista de dispositivos, podendo ser um Smartphone ("device-mobile"), Tablet ("device-tablet") ou Desktop ("device-desktop", usado como padrão quando a propriedade não é definida).
• suportrotate: Define se a visualização pode ser rotacionada, exibindo um botão para rotacionar a visualização quando se passa o mouse por cima da área de visualização do conteúdo. (valor booleano "true" ou "false". Se não for definido o valor padrão é "false"). Ao rotacionar a visualização do conteúdo, são mantidas as proporções definidas para o dispositivo, de modo que os valores de largura e altura são trocados entre si para gerar o efeito de rotação.

Listas de Dispositivos

Em certos casos poderemos ter a necessidade de utilizar listas de dispositivos na visualização por áreas específicas do portal. Desta forma para um canal que irá conter conteúdos projetados para aparelhos celulares deveríamos ter uma lista de dispositivos celulares sendo dispensada a opção de visualização no browser.

Para atender tal necessidade, temos um conceito de lista de skins de dispositivos que podem ser especificados em um arquivo xml armazenado no diretório /config/devices/previewskinlist.

Cada arquivo que especifica uma lista de skins de dispositivos tem o seguinte formato:

Em uma área (canal/página) do portal temos por padrão uma lista com todas as skins de dispositivos disponibilizadas com o produto. Caso seja necessário utilizar outras listas, é possível especificar o nome do arquivo que representa a lista de skins de dispositivos na property bag "lumis.service.content.preview.skinlist".

Por exemplo, se desejamos uma lista que contenha apenas as skins dos Smartphones disponibilizadas com o produto, podemos especificar o valor da property bag sendo lum_phone.

Abaixo são relacionadas as listas padrão do LumisXP:

• lum_default:
  • Desktops (lum_browser),
  • Tablet (lum_apple_ipad),
  • Celular (lum_apple_iphone_x)

• lum_phone:
  • Celular (lum_apple_iphone_x),

• lum_tablet:
  • Tablet (lum_apple_ipad)

Os arquivos com prefixo lum_ são reservados pelo Lumis não podendo ser modificados ou removidos. Caso deseje criar uma lista ou skin de dispositivo para a solução, isso é possível, porém não use o prefixo lum_ nos seus arquivos.