Keyboard Input Dialog

[manck]

possible to not pause events movements, timer, while the dialogue window is open ?

 

[Black Mamba]

Hi Biud, Center is not working, in PC is centered, but in mobile its not

 

[perizada]

Need some help with the input box, im trying to run it in android,, but the box sticks to the bottom right corner ,ive tried center,, and x ,z cords but it stays on the bottom right of my game window, any help would be appreciated,
ps it works fine on browser and desktop

 

[biud436]

Need some help with the input box, im trying to run it in android,, but the box sticks to the bottom right corner ,ive tried center,, and x ,z cords but it stays on the bottom right of my game window, any help would be appreciated,
ps it works fine on browser and desktop

That's position can be the different depends on device resolution. But I'm not sure how to reproduce it that you said.

 

[perizada]

That's position can be the different depends on device resolution. But I'm not sure how to reproduce it that you said.

its not the device resolution, i tried it on other devices, its exactly the same... the input box sticks to the bottom right. Thanks though

 

[biud436]

its not the device resolution, i tried it on other devices, its exactly the same... the input box sticks to the bottom right. Thanks though

The input element is placed on the center of the screen. however some elements such as canvas, video, input are resized to force by chrome whenever opening a virtual keyboard on Android Chrome. So I can't solve it right now. It seems that many experiments will be needed to prevent screen shrinkage.

If you change css elements the following on developer tools, it will be located as you wish on the center of the screen. However it's not exactly changed via the code inside plugin. I'm not sure why that is not changed.

 

[iCed]

Hi, and thanks a lot @biud436 !
I was looking for an easy-to-use keyboard input plugin, and yours works great, thank you !

 

[Fufi_Saintz]

Hi everybody,

first of all many, many thanks to @biud436 as this is the main plugin of my actual project. It is working flawlessly. The only thing is that I want to made some change in its appearance through CSS, but I can't do that. I just want to make the font size bigger, as I have changed the game resolution to 1024x768.
This is what I added in the "CSS parameter" section of the plugin:

.inputDialogContainer {
font-size: 40px;
}

Attached here you have also an image of the whole plugin settings.
All my attempts were vane, I had no results.
Please consider also that I know very little about CSS.

PS: I hope this is the right section to ask for...

 

[biud436]

Hi everybody,

first of all many, many thanks to @biud436 as this is the main plugin of my actual project. It is working flawlessly. The only thing is that I want to made some change in its appearance through CSS, but I can't do that. I just want to make the font size bigger, as I have changed the game resolution to 1024x768.
This is what I added in the "CSS parameter" section of the plugin:

.inputDialogContainer {
font-size: 40px;
}

Attached here you have also an image of the whole plugin settings.
All my attempts were vane, I had no results.
Please consider also that I know very little about CSS.

PS: I hope this is the right section to ask for...

You can't change font size using css in the plugin.

To change the font size,
You need to delete any of the code dealing with that changes the font size, from the plugin file.

    Line 454:       textBox.style.fontSize = (Utils.isMobileDevice()) ? '1rem':(2 * Graphics._realScale) + "em";
    Line 459:     if(OkButton) OkButton.style.fontSize = (Utils.isMobileDevice()) ? '1rem':(1 * Graphics._realScale) + "em";
    Line 460:     if(CancelButton) CancelButton.style.fontSize = (Utils.isMobileDevice()) ? '1rem':(1 * Graphics._realScale) + "em";
    Line 723:     if(OkButton) OkButton.style.fontSize = (Utils.isMobileDevice()) ? '1rem':(1 * Graphics._realScale) + "em";
    Line 724:     if(CancelButton) CancelButton.style.fontSize = (Utils.isMobileDevice()) ? '1rem':(1 * Graphics._realScale) + "em";
    Line 726:     textBox.style.fontSize = (Utils.isMobileDevice()) ? '1rem':(2 * Graphics._realScale) + "em";

You can change the font size via css, after that.

 

[Fufi_Saintz]

Great! I already started experimenting, it works!

Just to know: given that I only want to double the text box size (leaving unmodified the OK and Cancel buttons), could it be possible just to change the REM value from 1 to 2 in lines 454 and 726? It seems a simplier way to get what I want.

Thanks in advice!

 

[cuche2003]

Hello guys,

I wanna say my thanks to @biud436 for this awesome plugin, working perfectly for what I needed. However, I wanna ask if there is any way to force cancel the text input (for example after a timer end) using script and plugin commands?

Thanks in advance!

 

[biud436]

Hello guys,

I wanna say my thanks to @biud436 for this awesome plugin, working perfectly for what I needed. However, I wanna ask if there is any way to force cancel the text input (for example after a timer end) using script and plugin commands?

There is no solution in this plugin.
You can set desired text using javascript code block directly, as follows.

(function () {
    "use strict";
    const query = `div#${RS.InputDialog.Params.szFieldId} table.inputDialogContainer tr td input[type=text]`;
    let textBox = document.querySelector(query);
    textBox.value = "DESIRED_TEXT";
})();

or you can use TextBox.prototype.setText(text) method, too.

 

[cuche2003]

There is no solution in this plugin.
You can set desired text using javascript code block directly, as follows.

(function () {
    "use strict";
    const query = `div#${RS.InputDialog.Params.szFieldId} table.inputDialogContainer tr td input[type=text]`;
    let textBox = document.querySelector(query);
    textBox.value = "DESIRED_TEXT";
})();

or you can use TextBox.prototype.setText(text) method, too.

I see. Thanks for the reply, @biud436, awesome plugin. I will try to find a way to work around with this.

 

[Goole558]

Perfect for a password system