Demos

[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 1 year, 6 months ago by tbettinazzi@axioma.it.
• This reply was modified 1 year, 6 months 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

[tbettinazzi@axioma.it]

But with standard <button> onClick(“alert(this.form);”) works.

I need to launch a javascript passing it the containing form.

Tks

[tbettinazzi@axioma.it]

I tried but this doesn’t solve my problem.

I tried with
<script>

const button = document.querySelector(“#button#);

button.addEventListener(‘click’,  function(event) {

alert(‘Ci sono ‘ + button.form);

});

</script
but button.form is undefined.

Tried also with this.form, same result.

How can I solve.

Tks

 

• This reply was modified 1 year, 6 months ago by tbettinazzi@axioma.it.
• This reply was modified 1 year, 6 months ago by tbettinazzi@axioma.it.

[Author]

Posts