DecSoft Soporte - Report alternating foreground color

Report alternating foreground color

DecSoft HTML Compiler es fácil de usar: personalize su proyecto y compile sus apps y sus juegos rápidamente.

DecSoft App Builder incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Diseñe para pantallas pequeñas y distribuya también (sin cambios) en dispositivos como tablets.

Ahorre dinero comprando nuestros paquetes de NeoPlugins. ¡Cinco, Diez e incluso nuestra colección entera a un precio increíble!

DecSoft App Builder integra un asistente de Open AI para ayudarle mientras desarrolla sus apps.

¡Eche un vistazo a nuestro canal de YouTube y suscríbase para recibir notificaciones sobre nuevos vídeos!

Cree apps y expanda sus capacidades usando el lenguaje más popular del mundo: Javascript.

Cree modernas apps y juegos HTML a otro nivel haciendo cosas que incluso las modernas apps y juegos HTML no pueden.

DecSoft NeoPlugins pone sus proyectos de VisualNeo en otro nivel con +1.000 nuevas acciones para sus apps.

Los plugins oficiales de Apache Cordova se incluyen de serie y hay cientos de ellos disponibles para su uso.

¡Eche un vistazo a algunas de preguntas más frecuentes sobre nosotros y nuestros productos!

DecSoft HTML Compiler incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Compile, convierta sus modernas apps y juegos HTML en programas ejecutables sin dependencias para Microsoft Windows.

Ahorre tiempo, recursos y dinero creando apps para Android, iOS y más con la misma base de código.

Los NeoPlugins de DecSoft tienen versiones "designtime" y "runtime" para reducir el tamaño de sus apps.

Cree apps multiplataforma con DecSoft App Builder, incluyendo Android e iOS, con la misma base de código.

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!

Todo el mundo puede leer el foro de soporte de DecSoft para aprender del mismo, sin embargo, sólo los clientes de DecSoft pueden abrir nuevos hilos. Compre una o más licencias de productos de DecSoft y obtendrá este y otros beneficios.