DecSoft Support - Report alternating foreground color

Report alternating foreground color

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

Take a look at some frequently asked questions about us and our products!

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

Take a look at our YouTube channel and subscribe to be notified about new videos!

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

Paolo Lops

Hi David, how i can implement in a report control alternating rows colors?

DecSoft

Hello Paolo,

Suposing that your report's Wrapper is "table", you can try to set this CSS class: table-striped, in the Report Classes variable.

Purchase one or more licenses of our products if they are useful to you!

DecSoft

Hello Paolo,

The below is just a possible way to do, since, certainly we can, for example, specify a background color for every record container or element.

Anyway, I shown you here an easy way to achieve something like you wanted, that is, like if we use the above solution: that is, the solution that I propose you that works in case that our Report control have a "table" Wrapper and not a "grid" one.

Here is what you must to do, Paolo:

Open the Report app sample of AB.
Change the Report Wrapper variable to "grid".
Open the Report HTML variable editor and replace the existing HTML by this one:

<div ng-class="$index % 2 === 0 ? 'even' : 'odd'">

 [Record.ID]

 <br>

 [Record.Name]

</div>

Then...

Press "Accept" in the Report's HTML variable editor to save the changes.
Now open the "Inline CSS" option of the app and write the below CSS code:

.even
{
  background-color: yellow;
}

.odd
{
  background-color: lime;
}

Save the app and run it. If everything is ok, you can see the Report shown the records in different backgrounds, depending if the Report's row/record is even or odd.

Please, go ahead if you have any further question.

Purchase one or more licenses of our products if they are useful to you!

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.