Products

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

[tbettinazzi@axioma.it]

Quite huge problem.

Could You suggest an alternative way to accomplish it ?

Tks.

[tbettinazzi@axioma.it]

In my code I’ve

<button onClick=”testLogin(this.form) class=…>

where testLogin is a very simple js shown above.

When I substitute with

<smart-button onClick=”testLogin(this.form) class=…> seems that this.form is undefined and then the testLogin js fails telling me the variable is should receive is undefined.

Why this.form is undefined with smart-button ?

What’s the alternative ?

Tks

 

[tbettinazzi@axioma.it]

In mi html I’ve something like

<button formaction=”ConfiguratoreWeb” formmethod=”POST” class=……>

What’s the equivalent with <smart-button> if any ?

Tks

[Author]

Posts