Difference between revisions of "QPR UI - 06/2022 Deprecated"

From Mea Wiki
Jump to navigation Jump to search
Line 12: Line 12:
 
<table style="width:100%; display: table;border-spacing: 10px;">
 
<table style="width:100%; display: table;border-spacing: 10px;">
 
<tr>
 
<tr>
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:25%; min-width: 200px;vertical-align:top;">
+
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#F8F8FF; width:25%; min-width: 200px;vertical-align:top;">
 
=== Querying from QPR ProcessAnalyzer ===
 
=== Querying from QPR ProcessAnalyzer ===
<div style="align:left; float:left; width:100%;">
+
<div style="float:left; width:100%;">
 
* [[QPR ProcessAnalyzer Datasource|QPR ProcessAnalyzer datasource]]
 
* [[QPR ProcessAnalyzer Datasource|QPR ProcessAnalyzer datasource]]
 
* [[QPR ProcessAnalyzer Expression Analysis|Expression Based Analysis]]
 
* [[QPR ProcessAnalyzer Expression Analysis|Expression Based Analysis]]
Line 23: Line 23:
 
</div>
 
</div>
 
</td>
 
</td>
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
+
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
  
 
=== Querying from QPR Suite===
 
=== Querying from QPR Suite===
<div style="align:left; float:left; width:100%;">
+
<div style="float:left; width:100%;">
 
* [[Datasets in QPR UI|Queries and Datasets]]
 
* [[Datasets in QPR UI|Queries and Datasets]]
 
* [[QPR Suite Web Service Datasource|QPR Suite Web Service Datasource]]
 
* [[QPR Suite Web Service Datasource|QPR Suite Web Service Datasource]]
Line 32: Line 32:
 
</div>
 
</div>
 
</td>
 
</td>
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:25%; min-width: 200px;vertical-align:top;">
+
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#F8F8FF; width:25%; min-width: 200px;vertical-align:top;">
  
 
=== Tags and Variables ===
 
=== Tags and Variables ===
<div style="align:left; float:left; width:100%;">
+
<div style="float:left; width:100%;">
 
* [[Dynamic Tags in QPR UI|Dynamic tags]]
 
* [[Dynamic Tags in QPR UI|Dynamic tags]]
 
** [[Variable Tag in QPR UI|Variable tag]]
 
** [[Variable Tag in QPR UI|Variable tag]]
Line 44: Line 44:
 
</div>
 
</div>
 
</td>
 
</td>
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
+
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
  
 
=== Managing Views ===
 
=== Managing Views ===
<div style="align:left; float:left; width:100%;">
+
<div style="float:left; width:100%;">
 
* [[View and Panel Designer in QPR UI|View designer]]
 
* [[View and Panel Designer in QPR UI|View designer]]
 
* [[QPR_UI_Folders|Folders]]
 
* [[QPR_UI_Folders|Folders]]
Line 65: Line 65:
 
<table style="width:100%; display: table;border-spacing: 10px;">
 
<table style="width:100%; display: table;border-spacing: 10px;">
 
<tr>
 
<tr>
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
+
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
 
=== Data Visualization ===
 
=== Data Visualization ===
<div style="align:left; float:left; width:100%;">
+
<div style="float:left; width:100%;">
 
* [[Chart_and_Gauge_Properties|Chart and Gauge]]
 
* [[Chart_and_Gauge_Properties|Chart and Gauge]]
 
* [[Data Grid Properties|Data Grid]] and [[Editable Data Grid|Editable Data Grid]]
 
* [[Data Grid Properties|Data Grid]] and [[Editable Data Grid|Editable Data Grid]]
Line 74: Line 74:
 
</div>
 
</div>
 
</td>
 
</td>
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
+
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
 
=== Data Analytics ===
 
=== Data Analytics ===
<div style="align:left; float:left; width:100%;">
+
<div style="float:left; width:100%;">
 
* [[QPR_ProcessAnalyzer Presentation Object (PAPO)|QPR ProcessAnalyzer (PAPO)]]
 
* [[QPR_ProcessAnalyzer Presentation Object (PAPO)|QPR ProcessAnalyzer (PAPO)]]
 
* [[KPI_Analysis_(PAPO)|QPR ProcessAnalyzer KPI Designer]]
 
* [[KPI_Analysis_(PAPO)|QPR ProcessAnalyzer KPI Designer]]
Line 82: Line 82:
 
</div>
 
</div>
 
</td>
 
</td>
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
+
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
  
 
=== Customized and External Content ===
 
=== Customized and External Content ===
<div style="align:left; float:left; width:100%;">
+
<div style="float:left; width:100%;">
 
* [[HTML Properties|HTML and JavaScript Content]]
 
* [[HTML Properties|HTML and JavaScript Content]]
 
* [[SVG Properties|SVG Content]]
 
* [[SVG Properties|SVG Content]]
Line 91: Line 91:
 
</div>
 
</div>
 
</td>
 
</td>
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
+
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
  
 
=== Containers for Presentation Objects ===
 
=== Containers for Presentation Objects ===
<div style="align:left; float:left; width:100%;">
+
<div style="float:left; width:100%;">
 
* [[View_and_Panel_Designer_in_QPR_UI|View/Panel]]
 
* [[View_and_Panel_Designer_in_QPR_UI|View/Panel]]
 
* [[Repeater_Properties|Repeater]]
 
* [[Repeater_Properties|Repeater]]
Line 106: Line 106:
 
<table style="width:100%; display: table;border-spacing: 10px;">
 
<table style="width:100%; display: table;border-spacing: 10px;">
 
<tr>
 
<tr>
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:33.3%; min-width: 200px; vertical-align:top;">
+
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#F8F8FF; width:33.3%; min-width: 200px; vertical-align:top;">
 
=== Planning ===
 
=== Planning ===
<div style="align:left; float:left; width:100%;">
+
<div style="float:left; width:100%;">
 
* [[QPR UI Installation Checklist|Installation and Configuration Checklist]]
 
* [[QPR UI Installation Checklist|Installation and Configuration Checklist]]
 
* [[QPR UI System Requirements|System Requirements for QPR UI]]
 
* [[QPR UI System Requirements|System Requirements for QPR UI]]
Line 114: Line 114:
 
</div>
 
</div>
 
</td>
 
</td>
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:33.3%; min-width: 200px; vertical-align:top;">
+
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#F8F8FF; width:33.3%; min-width: 200px; vertical-align:top;">
  
 
=== Installing ===
 
=== Installing ===
<div style="align:left; float:left; width:100%;">
+
<div style="float:left; width:100%;">
 
* [[SQL Server Configuration in QPR UI|SQL Server Configuration]] for QPR UI database
 
* [[SQL Server Configuration in QPR UI|SQL Server Configuration]] for QPR UI database
 
* [[Installing QPR UI|Running QPR UI Windows Installer]]
 
* [[Installing QPR UI|Running QPR UI Windows Installer]]
Line 126: Line 126:
 
</div>
 
</div>
 
</td>
 
</td>
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:33.3%; min-width: 200px; vertical-align:top;">
+
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; background-color:#F8F8FF; width:33.3%; min-width: 200px; vertical-align:top;">
  
 
=== Configuring ===
 
=== Configuring ===
<div style="align:left; float:left; width:100%;">
+
<div style="float:left; width:100%;">
 
* [[QPR UI System Settings|QPR UI System Settings]]
 
* [[QPR UI System Settings|QPR UI System Settings]]
 
* [[Federated Authentication in QPR UI|Federated Authentication]]
 
* [[Federated Authentication in QPR UI|Federated Authentication]]

Revision as of 21:39, 1 December 2018

Welcome to QPR UI Wiki! QPR UI is a state-of-the-art web user interface providing unified user experience across all QPR Software's products: QPR ProcessAnalyzer, QPR Metrics, QPR EnterpriseArchitect and QPR ProcessDesigner. QPR UI is a flexible development platform providing possibility to design an intuitive and beautiful user interfaces for variety of different needs. User interface implemented using QPR UI is responsive and so it works all sizes of devices, such as in mobile phones, tablets and desktop. To get started quickly with QPR UI, install Deployment Packages for the products you are using:

QPR UI Deployment Packages

Designing User Interfaces

User interfaces designed using QPR UI consist of views, panels and presentation objects. Panels are used to group presentation objects in views. Presentation objects are e.g. charts, tables, labels and buttons.

Querying from QPR ProcessAnalyzer

Querying from QPR Suite

Tags and Variables

Managing Views

Presentation Objects

QPR UI contains variety of presentation objects for different purposes:

Data Visualization

Data Analytics

Customized and External Content

Containers for Presentation Objects

Installation and Administration

Planning

Installing

Configuring

QPR UI Installer