[image] If I have a UI control like the image above, it is not friendly on mobile. Therefore, how can I call the related function on the other method? I want to create a slide button to call it. Thanks

[image] AlanXin: Therefore, how can I call the related function on the other method? Can you please explain this sentence in more detail? I’m not sure it’s clear what you are looking for.

I mean, I mean how can I do this style [image] settings-panel Settings-panel provides settings for an application or tests.

In this case I would not use dat.gui at all and develop a custom UI. The idea of using something like dat.gui is to use it out-of-the-box without performing modifications.

Such as: gui.add( params, 'maxScale', 1, 30 ).name( 'Decal Size' ).onChange( updateDecalSize ); [image] [image] It is friendly on PC to use mousemove(slide) to change the size. However, it is not friendly on Mobile. Mobile cannot use mousemove(slide), only can be changed by click.

By using CSS is just change the UI style. What I want to do is for mobile-friendly usage.

How to call dat.GUI function to instead the default UI?

Questions

prisoner849 May 26, 2020, 3:27pm 6

It’s possible to apply styles to its elements though: Styling Dat.GUI (Layer Example).
But I perfectly agree with @Mugen87

Topic		Replies	Views
Styling Dat.GUI (Layer Example) Questions css	5	7518	October 30, 2018
dat.GUI styling (Angular threejs) Questions datgui	1	682	November 10, 2023
Can we use style css properpty for DAT.GUI Questions html , threejs , datgui	2	2375	May 12, 2022
How can i change the dat.GUI text for "Open controls and "Close Controls Questions geometry	3	550	April 9, 2024
dat.GUI, auto control (.listener) does not transfer to morph target Questions webgl , geometry	27	6920	August 30, 2017

How to call dat.GUI function to instead the default UI?

Related topics