Páginas filhas
  • Widget_Propriedades

Campos Obrigatórios:

  • URLURL do widget: caminho (endereço Web) da página que se deseja “embarcar” (ou inserir na forma de indicador);
  • Conteúdo: conteúdo do widget, em formato de HTML, que se deseja renderizar (ou carregar na forma de indicador). Esta configuração permite que, ao invés de carregar uma página, conteúdos em formato de HTML (incluindo JavaScripts e CSSs) sejam manipulados em uma visão de indicador;
    • Na criação de um indicador do tipo Widget, uma das duas formas, URL ou Conteúdo, deve ser utilizada.
    • Exemplos de alguns Conteúdos para Indicadore do tipo Widget:

Arquivos (PDF): 

<object data="http://www.imea.com.br/upload/pdf/arquivos/2015_06_13_Paper_jornalistas_boletins_Soja_Versao_Final_AO.pdf" height="96%" type="application/pdf" width="98%"><embed src="http://www.imea.com.br/upload/pdf/arquivos/2015_06_13_Paper_jornalistas_boletins_Soja_Versao_Final_AO.pdf" type="application/pdf"/></object>

Aplicações Externas (Fast Analytcs)

<iframe frameborder="0" src="https://analytics.totvs.com.br/reportWidget.html#project=/gdc/projects/p5g1w1ricrztfpsfcyornae1qpmtd496&report=/gdc/md/p5g1w1ricrztfpsfcyornae1qpmtd496/obj/34756&title=yes" allowTransparency="false"></iframe>

Climatologia:

<a class="weatherwidget-io" href="https://forecast7.com/pt/n24d81n50d00/castro/" data-icons="Climacons Animated" data-label_1="Castro, PR, BR" data-label_2="Clima" data-theme="original" >Castro, PR, BR Clima</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');</script>

Vídeo:

<iframe  width="600" height="400" src="https://www.youtube.com/embed/X5tus6KTdF0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Cotação: 

<script type="text/javascript" src="https://www.cepea.esalq.usp.br/br/widgetproduto.js.php?fonte=arial&tamanho=8&largura=400px&corfundo=6496e6&cortexto=000000&corlinha=c7c7c7&id_indicador%5B%5D=12&id_indicador%5B%5D=77&id_indicador%5B%5D=178"></script>

Demais Campos:

  • Largura (px, % ou em): permitem que as dimensões da página embarcada (widget) sejam customizadas. Isto possibilita que, mesmo em indicadores ou painéis de tamanho reduzidos, o valor de largura seja utilizada para, por exemplo, criar barras de rolagem. Caso este campo não seja preenchido, será assumida uma configuração de 100% para a  largura. O valor informado para o campo Largura deve possuir uma das unidades de medidas px, % ou em. Exemplo: 100%, 600 px.
  • Altura (px, % ou em): permitem que as dimensões da página embarcada (widget) sejam customizadas. Isto possibilita que, mesmo em indicadores ou painéis de tamanho reduzidos, valor de altura seja utilizada para, por exemplo, criar barras de rolagem. Caso este campo não seja preenchido, será assumida uma configuração de 100% para a altura. O valor informado para o campo Altura deve possuir uma das unidades de medidas px, % ou em. Exemplo: 100%, 600 px.

Observação: Indicadores do tipo Widget não podem ser configurados como parte de um Grupo de Indicadores.