Products

[tbettinazzi@axioma.it]

I already did it but I didn’t see anything strange : the opacity is set to 1 but the tooltip it’s still transparent (I use Firefox).

[tbettinazzi@axioma.it]

I’m not able to unberstand where the problem could be.

Your testcase works.

If I put my css classes in Your testcase it still works.

In my environment I verified that opacity is set 1 and is kept but the tooltip is still trasparent (background yellow)

I dont’ see where I should look for.

Any further suggeston ?

Tks

 

[tbettinazzi@axioma.it]

Done but nothing changed.

The value is kept but the the tooltip is still transparent and poorly readable.

Tks

[tbettinazzi@axioma.it]

I’m still not able to make it working.

Please look at https://codepen.io/tullio0106/pen/qBegvaM

The esternal div has all required css properties as You described but the progress bar is still in the left upper side corner.

Tks

[tbettinazzi@axioma.it]

Tks but it still doesn’t work

The only change is that display:flex adds also a harmful new line.

I updated the testcase.

Tks

[tbettinazzi@axioma.it]

I prepared a testcase in codpen

https://codepen.io/tullio0106/pen/jOgQwrY

You’ll see the first button is not shown in the expected way.

Tks

[tbettinazzi@axioma.it]

Also using material icons the icon is shown only partially in the lower right corner.

What’s wrong ?

Tks

[tbettinazzi@axioma.it]

If usefull I can try to provide the firefox profiler infos.

[tbettinazzi@axioma.it]

In the code You posted buttons are still built by code and not by tags.

I used firefox performance and I saw all “slowness” is in Your code : I’ve only a very smalljs in my code.

Tks

[tbettinazzi@axioma.it]

Yes but I can’t, if I understand right your soulution.

As explained my button are mixed with other html object (like text, icons etc…) within an html table.

I don’t understand how I can add them at the beginning and then dispose them in the correct position.

If You look at the provided testcase You’ll see the real situation I should work in.

Tks

[tbettinazzi@axioma.it]

Tks but this doesn’t solve my problem.

My buttons are distributed among many others html objects and then I believe I can’t create a document fragment, add all buttons and then attach the document fragment.

Could You suggest a viable workaround ?

Furthermore the link You posted tells documentFragment have better performances on “older engines” but I’m using last versions of chrome and firefox.

Tks

Tullio

 

[tbettinazzi@axioma.it]

In your example You used code, I need to use tags.

I don’t know if this is the difference.

Tks

[tbettinazzi@axioma.it]

I sent you a testcase reproducing the slowness.

Tks

Tullio

[tbettinazzi@axioma.it]

I tried and I reduced the size using (cfg-button-inline is my class)
smart-button.cfg-button-inline {

height :24px;

width:25px;

}
Now I see the correct size of the button but the icon is visible only partially in the bottom right corner.

Inspecting the page I saw the internal <button> tag still have a 32×32 size.

Tks

 

• This reply was modified 2 weeks, 2 days ago by tbettinazzi@axioma.it.
• This reply was modified 2 weeks, 2 days ago by tbettinazzi@axioma.it.

[tbettinazzi@axioma.it]

In that sample I see some buttons smaller than others, however I don’t see any way to control dimensions.

My need is to have button smaller than buttons shown in that example.

Also change the background color is a need.

Tks

[Author]

Posts