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:
Buscando resposta como resolver encontrei duas soluções:
Sobrescrever o estilo CSS adicionando um Resouce CSS, Code Snippet com o seguinte estilo:
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
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
Postar um comentário