Welcome to all users of Stimulsoft reports and dashboards in our blog! Every time with the appearance of some changes or novelties in the report and dashboards generator, we are in a hurry to tell you about all its features and all kinds of little things. But today we will tell you about the Page tab.
This tab allows you to set a report or dashboard page. With the help of it you can set size, the number of columns, color and watermark font. And now let`s consider the capabilities of this tab in more details and how it can be applied to reports and dashboards.

So, let`s start with the main parameters.
  • Margins
  • Orientation
  • Size
  • Columns
  • Watermark

Reports

When designing reports, a report page has some borders and a working area. If you want to increase or decrease your page working area, you can narrow or expand the borders of the page. You can do it with the help of commands from the Margins menu.

Margins menu
In this menu, you can find the standard sizes of margins. If you choose Normal Margin, the borders of your report and the working area will have basic size:

Normal margins
If you choose Narrow Margin, the borders of your report will narrow, and the working area will expand:

Narrow margins
When choosing Wide Margin, the borders expand and the working area decreases:

Wide margins

Orientation

If you want to change the page orientation to landscape or portrait, when designing reports, the commands from the Orientation menu will help you to do it:

Orientation

Size

You can resize the page. The list of available sizes is available in the menu, it depends on printer driver, installed on the system:

Size

Watermark

You can call the watermark editor on the Page tab. Here you can set a watermark for your report or dashboard.

To add a text watermark, you should enter the text you want, for example, «Stimulsoft»:

Watermark
Click OK, after that your text will appear on the page:

Watermark on Page
Also, you can use an image as a watermark. To do this, you should go to the Watermark image and click on the Browse button:

Watermark open image
or just drag and drop the image file you need:

Watermark image
Apart from this, the Watermark has a range of other parameters. To go to them, you should click on the More options button. In this parameter, you can set a color, angle, font of the text, and image parameters:

Watermark options

Useful parameters

There are other parameters on the Page tab too:

Show Grid

With the help of this parameter, you can enable grid lines. The grid lines facilitate a report designing and editing process when it comes to more accurate component placement.

Show grid

Align to Grid

If you activate this parameter, you will be able to align components with different fonts to one line.

Grid Mode

This parameter allows you to define grid style - points or lines.

Show Headers

If you want to show band headers in your report, this parameter is at your service.

Show headers

Show Order

You can use this parameter to show the order of components placement in a page hierarchy.

Show order

Show Rulers

This parameter displays rulers, which you can use to measure and arrange components on the page.

Quick info

This parameter allows displaying a signature with name, alias, content, and event on the component.

Panels

There are some commands for enabling and disabling the report designer panels in this menu:
  • Properties
  • Dictionary
  • Report tree

Toolbox

This command is used to enable and disable Toolbox in the report designer. With its help, you can quickly get access to the components of a report or dashboard.

Dashboards

So, let's go to the designing of dashboards and the using of the Page tab. In dashboards, of the main 5 parameters, only Orientation and Size work.

Dashboards

Orientation

You can choose Orientation for your dashboard. Portrait and Landscape orientations are available as when designing reports.

Size

The dashboard is a nearly dimensionless grid, essentially. When watching, the whole dashboard is stretched to the viewer area. However, the editing area is presented as a grid page for more comfortable dashboard designing.

Dashboard size
Consider the «Stretch Content» option, when choosing size.

Dashboard page

Display mode

Besides, there are parameters on the Page tab, which give an opportunity to look through dashboards. The Desktop parameter is used to view on PC and the Mobile to mobile devices.

Remove Mobile Surface

If you want to delete the dashboard mobile version, the Remove Mobile Surface will help you with it.

Components

This parameter calls the menu with components list for dashboard mobile version.
We hope this article will help you to understand the use of the Page tab when designing reports and dashboards in the Stimulsoft designer. If you have any questions, please contact us – we will be happy to help you!
We are glad to welcome users of Stimulsoft reports and dashboards in our blog! Today we want to tell you how to carry out the viewer toolbar with the help of the Preview settings option. Well, let's get started.

You probably know that when designing reports or dashboards, the results are shown on the Preview tab. Exactly on the Preview tab, you can see the whole picture and make some changes in case of some defects. A report can be viewed in a separate window of the viewer or by pressing the keys Shift+F5. The preview tab (viewer window) consists of a toolbar, status bar, and report area. And today, we will tell you how to customize the toolbar for a specific report or dashboard.

Firstly let's customize the viewer toolbar for a report. Next, open a report and go to the Preview tab. Perhaps, you won't need some buttons during operation, and for convenience, you will want to disable them. How to do it? For example, you don't need Open and Print buttons:

Preview open save send email
To hide them, you should use the Preview settings option.

Firstly get back to report edit mode, highlight the report template area, and go to the Properties panel. In the Preview settings property, click on the Browse button:

Properties
The viewer toolbar setting is carried out on Report and Dashboard tabs.

Go to the settings menu for a report:

Print and open off
Check the boxes for the buttons you want to display and uncheck the boxes for those you need to hide, then click OK in the settings menu. Go to the Preview tab and notice that the Open and Print buttons disappeared already:

Preview edit and open off
You should know that the settings are stored in the report template. That is, if you turn off some buttons, save and close your report, then open this file on any other computer, the buttons will be disabled.

Now let's carry out the viewer toolbar setting for dashboards.

Let's open some dashboard:

Dashboard
and go to the Preview settings menu. On the Dashboard tab, uncheck the checkboxes for the settings you wish to hide. For example let's uncheck the boxes for Open and Edit:

Open and print off
Go to the Preview tab and check out:

Dashboard open and edit off
As you can see, the Open and Edit buttons are hidden. In the same way, you can disable unnecessary settings on the Preview tab when designing reports or dashboards in the designer.

We hope this article will help you create professional reports and dashboards in Stimulsoft designer! If you have any questions, contact us – we will help you to solve any problem!
ECMAScript 5 was released in 2009 and is now obsolete. ES5 support is required for JavaScript to run in Internet Explorer, which is also deprecated, and Microsoft strongly discourages its use.

When developing Stimulsoft Reports.JS and Stimulsoft Dashboards.JS, we use the modern ECMAScript 6 standard, which has more functionalities, optimizations, and improved performance. All modern web browsers support ES6.

Starting with version 2020.5.2, we will support ES5 in the fix mode only. This is due to the complexity of developing and testing ES5 scripts and the lack of ES5 support in other modules used in our product. We plan to support the ES5 standard for at least six months and monitor its relevance, the situation, and Microsoft's policy regarding Internet Explorer. We will inform you about the complete end of support.
Hello dear users of Stimulsoft reporting tools! We are always glad to share you the latest news about our product and various novelties. This time we want to tell you about Text Format.

Text Format

Text Format is a functionality that allows to apply various templates to text. With the help of it you can display your text in different variants, such as money, percents, decimal numbers and phone numbers.

All settings of the text format you can find in Home tab in Text Format panel:

Text Format Tab
There is a set of standard templates, their settings depend on the localization of operating system, and a form call-button of Text Format in the Text Format panel:

Text Format Button
This button allows to set additional format properties:

Format

Currency Format

For example you want to type a dollar symbol "$", but you use a computer with Russian locale and you have to send a financial report to your colleagues in the USA, using symbol "$". Also you want to type percentages and decimal numbers in this report.

To do it you should choose Currency Format:

Currency Format Properties
This format is applied to text, if you need to use currency designation. With the help of this format you can type currency symbol, in your case it`s a dollar symbol "$". For example you just type "1500" text, highlight the text component and then choose Currency format:

Currency Format
Set the currency symbol you need:

Currency Format PropertiesAnd you get "$1,500".

Currency Format Result

Percentage Format

You can type percentages too. For example you have "87" symbols and you need to turn them into "87%". To do it you should highlight the text component and choose Percentage Format. Remember, that the percentage Format multiplies a value by 100:

Percentage Format
Next, you should set percentage symbol in format properties:

Percentage Format Properties
After that you get the result you need.

Number Format

Besides, with the help of Number Format you can change number`s format. For example you need to apply a format with division into groups and adding a fractional part for "1500" text. To do it you should highlight the text component and choose Number Format:

Number Format
Next, you should set necessary number of fractional signs in format properties:

Number Format Properties
All of the above formats – Currency, Percentage, Number have the following properties: the number of decimal places, group separator, group size, positive template, negative template and currency template.

Date Format

Also you can change date format. Suppose you have the same situation - you are in Russia, sitting at a computer, where date is put firstly, then month and year and you need to send a report to your colleagues in the USA, where month is put first and only then date and year. To do it you should type in your text the date you are used to, then highlight the text component, choose Date Format and the date format you need:

Date Format
A few more words about changing time format. For example you typed text "14:00", but you decided to change it to "2:00 PM" for your American colleagues. To do this you should highlight the text component, then choose Time Format and P.M. format:

Time Format
And you get the result you need:

Time Format Result

Custom Format

In addition to the above you can format a phone number. For example you need to display a phone number with a code, brackets, dash and so on. To do this you should highlight the text component and choose Custom Format. In this format you can find (###) ### - #### format mask:

Custom Format
Choose it and you will be able to format a phone number as you need. Next, you should make the template you need: +(##) ## - ## - ##, then the numbers from the text appear instead of hashes and you get "+1 (23) 45 - 67 - 89" from "123456789" text.

Dashboards

It`s worth noting that Text Format can also be applied to many elements in dashboards. For example, indicators and charts.

Indicator

So let`s consider its applying to indicators. To do this, choose an indicator:

Indicator Format
Next, go to the Home tab, then Text Format and choose Currency Format:

Indicator Format Properties
Set currency symbol and you get:

Indicator Currency Format Result

Chart

Things are a little bit different with charts. For example at your chart thousands are displayed in the standard way: "1,800"; "1,600", and you want to shorten them and give them a different look, for example like this: "1.8K"; "1.6K". How to do this? Firstly choose a chart:

Chart Value Format
Next, go to the Properties. You can find 2 properties there: Argument Format and Value Format. Choose Value Format and click on the edge button:

Chart Value Format Properties
Then at the appeared Text Format form choose Number Format and activate Use Abbreviation property:

Chart Use Abbreviation
And you get a chart with formatted values:

Chart Value Format Result
It was value axis (Y). And let`s look at applying Text Format to the argument axis. At an argument axis (X) chart you have axis values as prime numbers and you want to turn them into percentages:

Chart Argument format
To do this you should choose Argument Format and click on the edge button in properties:

Chart Argument Format Properties
Next, on the opening Text Format window you choose Percentage Format and set percentage symbol:

Chart Percentage Format
And you get the result you need:

Chart Argument Percentage Format Result

Table

In addition, there are tables in dashboards. And you can also apply Text Format to them. For example you have a table with three columns and at one of them you want to apply Percentage Format. Let`s have a look how to do it.

Firstly, choose a table:

Table Format
Let`s say you want to change Rank column and apply Percentage Format to it. To do this you should open a table editing form.

Next, you should highlight the column:

Table Format Properties
Click on the dialog box button, then go to the Home tab and in Text Format group choose Percentage Format and percentage symbol:

Percentage Format Properties
And you get the result you need:

Table Percentage Format Result
We hope this article will help you to understand Text Format features of use, when creating tables, charts, indicators and the like in Stimulsoft report designer. If you have any questions, please contact us – we are always glad to help you!
Flash to HTML5
We have decided to completely end support for Flash in our components. Starting with version 2020.3.1, all components using Flash technology have been deprecated. We offered some recommendations on how to replace those components with HTML5 and JavaScript components. In the next release 2020.5.2, all Flash components will be removed.