Antevisão do Relatório (Preview)

Visualizador XPS / PDF

Mapa / Controle GMap

VIsualizador de Relatório

Alarmes: janela de alarme e área de alarme

Tendência: Janela de tendência e perfuração

DataGrid: DataGrid

Grupos: Você pode combinar diferentes elementos, entre os citados acima, em um único grupo, criando assim um bloco de visualização.

Editor de Telas

Quando a opção de painel é habilitada, o layout do Editor de Draw é configurado em blocos. Para inserir um elemento, selecione-o e arraste-o para a página. Você deve ver um retângulo destacado no local onde será colocado.

Os elementos podem ser facilmente excluídos selecionando o elemento e pressionando delete no teclado, ou movidos selecionando o elemento e arrastando-o para o local desejado.

Os elementos do painel têm uma propriedade chamada Title que pode ser acessada por meio do painel no lado esquerdo do Editor de desenho.

Image Removed

Funcionalidades dos Dashboards

Temas de Cores

A aparência de um painel pode ser modificada pela aplicação de diferentes temas. Em Run-Extension-Themes, você pode criar e / ou personalizar muitos temas diferentes para alterar a aparência dos elementos do painel.

Image Removed

Para habilitar esse recurso, marque a caixa de seleção Habilitar tema no painel esquerdo.

Image Removed

Personalização avançada

Callback CodeBehind

Dashboards Responsivos

Um painel é um tipo de interface gráfica com o usuário que fornece uma visão rápida dos principais indicadores de desempenho (KPIs) relevantes para um objetivo específico.

Um painel de dados é a maneira mais eficiente de rastrear várias fontes de dados porque fornece um local central para as empresas monitorarem e analisarem o desempenho. Os dados são exibidos na forma de tabelas, gráficos de linhas, gráficos de barras e medidores.

Monitores de painel responsivos têm a capacidade de responder dinamicamente a qualquer tamanho de tela, o que significa que a tela será reorganizada para formatar o conteúdo com base no tamanho e forma da tela do usuário.

Utilize Dashboards

• Arraste e solte painéis facilmente para exibir vários tipos de gráficos, como de tendência, pizza, barras, além de medidores e muito mais!

• Adicione qualquer objeto da biblioteca de símbolos - seja nativo do Action˳NET ou uma criada pelo usuário!

• Crie grupos para controlar seu comportamento responsivo separadamente da página geral.

• Crie dashboards para clientes .NET e HTML5 a partir do mesmo ambiente de desenvolvimento.

• Suporta nossos novos Temas de Projeto para personalização rápida!

Criação de um display

Para criar uma tela de painel, você precisa navegar até o Editor do Draw e clicar no botão Criar Tela.

Na janela pop-up, ative a caixa de seleção Dashboard, preencha os parâmetros conforme desejado e clique em OK.

Image Removed

As telas do tipo Dashboard (painéis) estão disponíveis para os tipos de exibição .Net e HTML5.

Elementos Disponíveis

Os seguintes elementos estão disponíveis nas exibições do painel:

Image Removed

Símbolos: Símbolos feitos pelo usuário e símbolos embutidos, que estão localizados na biblioteca de símbolos, podem ser usados ​​em exibições de painel.

Elementos gráficos, como botões, caixas de texto, caixas de seleção, etc. não estão disponíveis por padrão nas exibições do painel. Para usar esses elementos gráficos na tela do painel, você precisa criar um símbolo com esses componentes e usar o símbolo na tela do painel.

Componentes: os componentes externos estão listados abaixo.

Gráfico de barras

Calculadora

Navegador da web

Gráfico de pizza

Painel Circular

Configuração de ativos / RemoteAssets

Gráfico de pizza avançado

Explorador de arquivos

Child Display (Tela embutida)

Visualizador 3D

DLLs externas

Seletor de página

Responsive Dashboards

A dashboard is a type of graphical user interface that provides a quick overview of key performance indicators (KPIs) relevant to a specific goal.

A data dashboard is the most efficient way to track multiple data sources because it provides a central location for companies to monitor and analyze performance. The data is displayed in the form of tables, line charts, bar charts, and gauges.

Responsive dashboard monitors have the ability to respond dynamically to any screen size, which means that the screen will be rearranged to format content based on the size and shape of the user's screen.

Use Dashboards

• Drag and drop panels easily to display various chart types, such as trend, pie, bars, plus gauges, and more!

• Add any object from the symbol library - whether it's native to Action˳NET or a user-created one!

• Create groups to control your responsive behavior separately from the general page.

• Create dashboards for .NET and HTML5 clients from the same development environment.

• Support our new Project Themes for quick customization!

Creating a display

To create a dashboard screen, you need to navigate to the Draw Editor and click the Create Screen button.

In the pop-up window, activate the check box Dashboard, fill in the parameters as desired and click OK.

Image Added

The screens of the type Dashboard (panels) are available for display types .Net and HTML5.

Available Elements

The following elements are available in dashboard views:

Image Added

Symbols: User-made symbols and inline symbols, which are located in the symbol library, can be used in panel displays.

Graphics such as buttons, text boxes, check boxes, etc. are not available by default in dashboard views. To use these graphics on the dashboard screen, you need to create a symbol with these components and use the symbol on the dashboard screen.

Components: external components are listed below.

Alarms: Alarm window and alarm area

Tendency: Trend and drilling window

DataGrid: DataGrid

Groups: You can combine different elements, among the above, into a single group, thus creating a visualization block.

Screen Editor

When the panel option is enabled, the Draw Editor layout is configured in blocks. To insert an element, select it and drag it to the page. You should see a highlighted rectangle where it will be placed.

Elements can be easily deleted by selecting the element and pressing delete on the keyboard, or moved by selecting the element and dragging it to the desired location.

Panel elements have a property called Title that can be accessed through the panel on the left side of the Drawing Editor.

Image Added

Dashboard features

Color Themes

The appearance of a panel can be modified by applying different themes. In Run-Extension-Themes, you can create and/or customize many different themes to change the appearance of panel elements.

Image Added

To enable this feature, select the Enable theme check box in the left pane.

Image Added

Advanced customization

Callback CodeBehind

The properties of a panel's items can be modified through the callback added to CodeBehind using the syntax below:

*   .NET:
public void OnDashboardCustomItem(TDashboardBorder item)
{
item.TitleElement.TextAlignment = TextAlignment.Center; item.TitleElement.FontStyle = FontStyles.Italic; item.TitleElement.FontSize = 20; item.TitleElement.Foreground = Brushes.Black;
}
 
*   HTML5:
this.OnDashboardCustomItem = function(item)
{
//item.TitleElement.FontStyle = 1;
//item.TitleElement.HorizontalAlignment = 1;
//item.TitleElement.FontSize = 18;
};

Usando o retorno de chamada Using the .Net descrito acima, nossos títulos se parecem com isto em tempo de execuçãocallback described above, our titles look like this at runtime.

O Título também oferece suporte a tags e objetos de projeto, colocando-os entre colchetes. Os colchetes são usados ​​para que em tempo de execução o sistema possa tratar o elemento como uma variável de projeto, em vez de um texto. Veja alguns exemplos abaixoTitle also supports tags and project objects by placing them in brackets. Brackets are used so that at run time the system can treat the element as a project variable rather than text. See some examples below.

Title: {Client.DateTime}
Title: {Tag.MyTextTag}
Title: {Server.ComputerName}

Em tempo real de execução, os elementos podem ser maximizados clicando no botão indicado por(1) abaixo ou redimensionados arrastando o botão indicado pelo (2) abaixoIn real-time execution, elements can be maximized by clicking the button indicated by(1) below or resized by dragging the button indicated by (2) below.