Recent

Author Topic: About the CSS supported by TIpHTMLPanel.  (Read 1623 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: 14029
  • Probably until I exterminate Putin.
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.
Specialize a type, not a var.

dsiders

  • Hero Member
  • *****
  • Posts: 1018
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 »
Preview Lazarus 3.99 documentation at: https://dsiders.gitlab.io/lazdocsnext

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