Scrolling input field?

Seenivasan · January 19, 2023, 7:22am

Hi all, I need an Input Field with scrolling (once the text length is exceeded from the width of the Input field. Text needs to scroll from right to left). Can anyone please suggest that is there any inbuild method is there?

chiefcll · January 25, 2023, 6:33pm

There is nothing built in that will do it. You’ll need to calculate the width of the input and then move the x coordinate as new input is entered. You can check out this for some related code:

github.com

rdkcentral/Lightning-UI-Components/blob/develop/elements/MarqueeText/index.js#L67


      
            });
            this._Text.loadTexture();
            this._updateShader(this.finalW);
            this._scrolling && this.startScrolling();
          }
          
          
set color(color) {
            this.tag('TextBox.Text').smooth = { color };
          }
          
          
startScrolling(finalW = this.finalW) {
            if (this._textRenderedW === 0) {
              this._Text.on('txLoaded', () => {
                this.startScrolling();
              });
            }
          
          
  if (this._textRenderedW > finalW - this._fadeW) {
              this._scrolling = true;
              this._TextLoopTexture.x = this._textRenderedW + this._offset;
              this._TextLoopTexture.texture = this._Text.getTexture();

Topic		Replies	Views
Hi all, how to find the Input field Cursor current X position. can anyone please help me with this? Get Help	3	297	February 6, 2023
How to scroll long paragraphs of text in lightningjs Get Help	10	860	September 22, 2023
Clear InputField Get Help	2	297	November 23, 2022
How to implement page scroll using lightning framework Get Help	1	518	March 23, 2022
How to create a scrolling label for long text in one line? Get Help graphics	0	10	November 11, 2024

Scrolling input field?

Related topics