Lazarus

Programming => LCL => Topic started by: TakamiChie on November 06, 2021, 08:11:51 am

Title: About the CSS supported by TIpHTMLPanel.
Post by: TakamiChie 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
Title: Re: About the CSS supported by TIpHTMLPanel.
Post by: Thaddy on November 06, 2021, 08:27:28 am
You should be able to detect from the sourcecode.
Title: Re: About the CSS supported by TIpHTMLPanel.
Post by: dsiders on November 06, 2021, 04:22:10 pm
Quote from: TakamiChie on November 06, 2021, 08:11:51 am
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.
Title: Re: About the CSS supported by TIpHTMLPanel.
Post by: TakamiChie on November 07, 2021, 06:48:07 am
Thanks for the reply.

Quote from: Thaddy on November 06, 2021, 08:27:28 am
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.

Quote from: dsiders on November 06, 2021, 04:22:10 pm
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