Roku Developer Program

Join our online forum to talk to Roku developers and fellow channel creators. Ask questions, share tips with the community, and find helpful resources.
cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
jaxim
Visitor

Left padding of MiniKeyboard textEditBox

I replaced the background of the MinKeyboard textEditBox using the backgroundUri property. When I do this, the text of the textbox is completely left justified. There is no more padding on the left side of the textfield. If I replace the backgroundUri, how do I ensure there is left side padding?
0 Kudos
5 REPLIES 5
joetesta
Roku Guru

Re: Left padding of MiniKeyboard textEditBox

Did you try setting TextEditBox width to something less than the keyboard / background image width?
aspiring
0 Kudos
jaxim
Visitor

Re: Left padding of MiniKeyboard textEditBox

I just tried and the text does get smaller and is centered justified compared to the keyboard but so does the textfield's background.

So I want the textfield background to keep the same width but the textfield to have a narrower width or have padding around its left and right sides. 
0 Kudos
joetesta
Roku Guru

Re: Left padding of MiniKeyboard textEditBox

yeah that's a pain, don't see any way to distinguish the text from the background; you could maybe position a separate fake background (poster) over it and maybe get it to work?
aspiring
0 Kudos
georgejecook
Streaming Star

Re: Left padding of MiniKeyboard textEditBox

I personally made my own text box.. since then though; I simply add spaces to text I want to pad. It's just easier.
George Cook
https://georgejecook.github.io/
https://linkedin.com/in/georgejecook/
Roku developers slack group (https://join.slack.com/t/rokudevelopers/shared_invite/zt-4vw7rg6v-NH46oY7hTktpRIBM_zGvwA) : georgejecook

Contact me on roku developer slack group, or via pm to discuss consultancy/work opportunities/rooibos unit testing framework
0 Kudos
fyb3roptik
Roku Guru

Re: Left padding of MiniKeyboard textEditBox

Came here to say, using a 9 patch image and adding content padding solves this issue.

 

https://romannurik.github.io/AndroidAssetStudio/nine-patches.html

 

Using this link, just drag n drop your image, then set Stretch Region to Auto Stretch. Click on Content Padding next and drag left/right side to where you want it. Save and use the appropriate size XHDPI for me.

 

 

Need Assistance?
Welcome to the Roku Community! Feel free to search our Community for answers or post your question to get help.

Become a Roku Streaming Expert!

Share your expertise, help fellow streamers, and unlock exclusive rewards as part of the Roku Community. Learn more.