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

From Mea Wiki
Jump to navigation Jump to search
Line 12: Line 12:
 
User interfaces designed using QPR UI consist of views, panels and presentation objects. View is the topmost level canvas that spans the whole screen, and panels in the view are used to group presentation objects visually together. Presentation objects are smallest building blocks of the user interface, and they are for example charts, tables, buttons and labels.
 
User interfaces designed using QPR UI consist of views, panels and presentation objects. View is the topmost level canvas that spans the whole screen, and panels in the view are used to group presentation objects visually together. Presentation objects are smallest building blocks of the user interface, and they are for example charts, tables, buttons and labels.
  
<table style="width:100%; display: table;border-spacing: 10px;">
+
<div style="display:inline-block;border:1px solid #dfdfdf;padding:0 1em 0 1.5em;background-color:#F7FAFC;width:340px;height:220px;">
<tr>
 
<td style="border:1px solid #dfdfdf; padding:0 1em 1.5em 1.5em; background-color:#F7FAFC; width:25%; min-width: 200px;vertical-align:top;">
 
 
=== Querying from QPR ProcessAnalyzer ===
 
=== Querying from QPR ProcessAnalyzer ===
<div style="float:left; width:100%;">
 
 
* [[QPR ProcessAnalyzer Datasource|QPR ProcessAnalyzer Datasource]]
 
* [[QPR ProcessAnalyzer Datasource|QPR ProcessAnalyzer Datasource]]
 
* [[QPR ProcessAnalyzer Expression Analysis|Expression Based Query]]
 
* [[QPR ProcessAnalyzer Expression Analysis|Expression Based Query]]
Line 24: Line 21:
 
* [[Filtering_in_QPR_ProcessAnalyzer_Queries|Filtering Queries]]
 
* [[Filtering_in_QPR_ProcessAnalyzer_Queries|Filtering Queries]]
 
</div>
 
</div>
</td>
 
<td style="border:1px solid #dfdfdf; padding:0 1em 1.5em 1.5em; background-color:#F7FAFC; width:25%; min-width: 200px; vertical-align:top;">
 
  
 +
<div style="display:inline-block;border:1px solid #dfdfdf;padding:0 1em 0 1.5em;background-color:#F7FAFC;width:340px;height:220px;">
 
=== Querying from QPR Suite===
 
=== Querying from QPR Suite===
<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]]
 
* [[QPR Reporting Expression|QPR Reporting Expression Datasource]]
 
* [[QPR Reporting Expression|QPR Reporting Expression Datasource]]
 
</div>
 
</div>
</td>
 
<td style="border:1px solid #dfdfdf; padding:0 1em 1.5em 1.5em; background-color:#F7FAFC; width:25%; min-width: 200px;vertical-align:top;">
 
  
 +
<div style="display:inline-block;border:1px solid #dfdfdf;padding:0 1em 0 1.5em;background-color:#F7FAFC;width:340px;height:220px;vertical-align:top;">
 
=== Tags and Variables ===
 
=== Tags and Variables ===
<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 45: Line 38:
 
* [[QPR UI System Variables|System Variables]]  
 
* [[QPR UI System Variables|System Variables]]  
 
</div>
 
</div>
</td>
 
<td style="border:1px solid #dfdfdf; padding:0 1em 1.5em 1.5em; background-color:#F7FAFC; width:25%; min-width: 200px; vertical-align:top;">
 
  
 +
<div style="display:inline-block;border:1px solid #dfdfdf;padding:0 1em 0 1.5em;background-color:#F7FAFC;width:340px;height:220px;vertical-align:top;">
 
=== Managing Views ===
 
=== Managing Views ===
<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 57: Line 48:
 
* [[Tutorial: Creating View in QPR UI|Tutorial for Creating Views]]
 
* [[Tutorial: Creating View in QPR UI|Tutorial for Creating Views]]
 
</div>
 
</div>
</td>
 
</tr>
 
</table>
 
  
 
== Presentation Objects ==
 
== Presentation Objects ==

Revision as of 19:20, 21 February 2019

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 user interface development platform providing possibility to design an intuitive and beautiful user interfaces for variety of different use cases. User interface implemented using QPR UI is inherently responsive and it works all sizes of devices, such as in mobile phones, tablets and desktops. 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. View is the topmost level canvas that spans the whole screen, and panels in the view are used to group presentation objects visually together. Presentation objects are smallest building blocks of the user interface, and they are for example charts, tables, buttons and labels.

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

Canvases for Presentation Objects

Installation and Administration

Planning

Installing

Configuring