Pentaho, CDE, bootstrap, Uso de 100% da largura da tela

Um dúvida comum ao usar dashboards em Pentaho, CDE e o estilo Bootstrap é como deixar deixar o dashboards com uso de 100% da tela.

Esse problema é devido ao estilo "container" esta definido em uma largura máxima:

.container {
    width: 1170px;
}

Buscando resposta como resolver encontrei duas soluções:

Solução 1

Sobrescrever o estilo CSS adicionando um Resouce CSS, Code Snippet com o seguinte estilo:

.container { width: auto;}

Solução 2

Sobrescrever o estilo CSS adicionando um Resouce JavaScript, Code Snippet com o seguinte código:

$('body > .container').removeClass('container');

A primeira solução modifica o CSS a segunda remove o estilo do componente body.

Fonte:

https://stackoverflow.com/questions/29345094/creating-pentaho-cde-dashboard-with-100-width
http://forums.pentaho.com/showthread.php?185040-Changing-Bootstrap-container-element-in-a-CDE-dashboard

Comentários

Postagens mais visitadas deste blog

Conectando o Excel ao Pentaho usando XMLA

Muitas pessoas reclamam do Saiku como Cliente XMLA para acesso aos cubos do Pentaho. Uma opção é habilitar o pentaho para que outros clientes possam conectar e navegar nos dados. Neste tutorial mostrarei como configurar o Excel para conexão aos cubos do Pentaho. Usarei como Cubo de exemplo o SteelWheels presente por padrão no Pentaho. É necessário fazer duas configurações, no Pentaho e no Excel. Primeiro no Pentaho: Deve-se ir na tela "Manage Data Sources" No exemplo clicamos em SteelWheels Analytics, em seguida na Engrenagem e no Botão Edit: Na tela de edição: Muda para Manually enter data sources parameter values; Clica-se em EnableXMLA; Clica-se no botão Edição e altera a propriedade para true; Após a alteração a tela deve estar assim: Confirma em Save. Segundo no Excel: Devemos instalar um pacote que permite ao Excel conectar a fonts XMLA: Usaremos o pacote: XMLA connect https://sourceforge.net/projects/xmlaconne...

Ativando a RequireJS no Pentaho

RequireJS é carregador de código javascript modular. Ele otimiza a carga do código aumentando a velocidade. Para ativá-lo em um dashboard, Pentaho/CDE ativa RequireJS no Editor do CDE em Settings. Diversas bibliotecas serão ativadas como: Utils; jquery; moment; chosen; Obs: A variável de ambiente para para referência aos dashboard mudará de : Dashboards Para dashboard Observe que é o case sensitive. Referências: https://help.pentaho.com/Documentation/7.0/0R0/CTools/CDE_Advanced_Solutions

Inserção de Campo UUID via Kettle

Ao inserir campos UUID / Postgresql via Kettle é gerado a seguinte mensagem de erro: coluna "???" é do tipo uuid mas expressão é do tipo character varying. Isso é causado devido o driver JDBC durante a fase de preparação do query definir o tipo que será passada para cada campo do tipo string. Para desativar esse comportamento pode-se acrescentar nas Options do Database Connection Parameter: stringtype Value: unspecified Uma boa prática é duplicar a conexão ao banco para nos casos que este recurso não seja necessário manter o comportamento padrão. Referência: https://stackoverflow.com/questions/38563544/how-insert-uuid-values-in-postgresql-table-via-kettle http://jira.pentaho.com/browse/PDI-2950 https://jdbc.postgresql.org/documentation/83/connect.html

Big Idéias em Business Intelligence (BI)

Pesquisar este blog