Recent

Author Topic: About the CSS supported by TIpHTMLPanel.  (Read 958 times)

TakamiChie

  • New Member
  • *
  • Posts: 10
About the CSS supported by TIpHTMLPanel.
« on: November 06, 2021, 08:11:51 am »
About the CSS supported by TIpHTMLPanel.

Hello, I'm using Lazarus to create an application.

I'm using TIpHTMLPanel to display the results in my current application.

I am currently considering implementing a marquee-like animation for HTML tags, and I wrote the following CSS, but it did not work.

Code: Text  [Select][+][-]
  1. div{
  2.  width: 30ex;
  3.  overflow: hidden;
  4. }
  5. p{
  6.  width: 40ex;
  7.  animation: 5s linear 0s infinite normal marquee;
  8. }
  9.  
  10. @keyframes marquee {
  11.   from   { transform: translate(0%);}
  12.   99%,to { transform: translate(-100%);}
  13. }
  14.  
The code itself has been checked by Codepen.io and confirmed to work as expected with Google Chrome Version: 95.0.4638.69.

https://codepen.io/TakamiChie/pen/XWaVVzg

I would like to modify the above CSS or consider alternatives, as I want Lazarus to work as intended. So I would like to know what CSS is supported by TIpHTMLPanel.

Is there a list of CSS supported by TIpHTMLPanel or information about rendering engines?

--
Re:al city Agent SIDE BEACH CITY. TakamiChie
Mail:chie@onpu-tamago.net
Web:https://onpu-tamago.net/
Twitter&Facebook: TakamiChie

Thaddy

  • Hero Member
  • *****
  • Posts: 11181
Re: About the CSS supported by TIpHTMLPanel.
« Reply #1 on: November 06, 2021, 08:27:28 am »
You should be able to detect from the sourcecode.
You have morons, I am one, and you have morons squared.

dsiders

  • Hero Member
  • *****
  • Posts: 563
Re: About the CSS supported by TIpHTMLPanel.
« Reply #2 on: November 06, 2021, 04:22:10 pm »
About the CSS supported by TIpHTMLPanel.

I spent some time (once) trying to figure this out. It didn't take long to realize that it does not really support CSS. Even the most fundamental things (like display, padding, and margin) are not consistently implemented for all supported HTML tags (4.1).

Based on the complexity of your example, I would recommend one of the Chromium Embedded frameworks. IIRC, I used fpCEF3.
« Last Edit: November 06, 2021, 04:43:09 pm by dsiders »
Lazarus 2.0.12, 2.2.0, 2.3.0 (Git) / FPC 3.2.0, 3.2.2 / x86 64-bit / Windows 8.1

TakamiChie

  • New Member
  • *
  • Posts: 10
Re: About the CSS supported by TIpHTMLPanel.
« Reply #3 on: November 07, 2021, 06:48:07 am »
Thanks for the reply.

You should be able to detect from the sourcecode.

Is the source code a file such as 'iphtml.pas' in the '\lazarus\components\turbopower_ipro'directory or 'iphtmlprop.pas' linked from there?

Indeed, from what I see here, there are not many properties that are supported.

Based on the complexity of your example, I would recommend one of the Chromium Embedded frameworks. IIRC, I used fpCEF3.

Thank you. I'm going to consider using fpCEF3.

 

TinyPortal © 2005-2018