The Wayback Machine - https://web.archive.org/web/20210830052114/https://github.com/hecrj/iced/issues/348
Skip to content

/ iced

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Centering TextInput #348

Open
imjasonmiller opened this issue May 18, 2020 · 2 comments
Open

Centering TextInput #348

imjasonmiller opened this issue May 18, 2020 · 2 comments
Labels
feature good first issue
Milestone
0.4.0

Comments

@imjasonmiller
Copy link

@imjasonmiller imjasonmiller commented May 18, 2020

Hi!

I wondered whether it is possible to center (x- and y) the contents of a TextInput?

I've currently placed the TextInput inside of a Container with the align_x and align_y methods, but while this seems to work for Text, with .horizontal_alignment(HorizontalAlignment::Center), it fails for TextInput.

I'm trying to build the UI below:

image

This is where I'm currently at:

image

The content for each TextInput is aligned to the left. Can this be centered in some way? I tried applying .width(Length::Shrink), thinking it might size it according to the value/placeholder length, but the element seems to disappear in its entirety in that case.

Thank you for creating this library. It's easy to use for a Rust beginner so far.
@hecrj hecrj added the feature label May 18, 2020
@hecrj
Copy link
Owner

@hecrj hecrj commented May 18, 2020

That looks great!

It's not currently possible to center the contents of a TextInput, but it's definitely something we should implement eventually.

I imagine an horizontal_alignment method would work well and be consistent with the Text widget. The implementation will be a bit tricky because the alignment will affect the logic of text measurements for mouse interaction and text selection.

I will try to give it a shot soon, but I believe this could be a good issue for anyone that wants to get familiar with the internals of the library!
@hecrj hecrj added this to the 0.2.0 milestone May 18, 2020
@phoenisx
Copy link

@phoenisx phoenisx commented May 28, 2020

I want to work on it. Never worked properly on any open source before, so not sure how long will it take, but I would love to finish it.

Will give it a try this weekend.

If I have any doubts will post it here for better reference 👍
phoenisx pushed a commit to phoenisx/iced that referenced this issue May 31, 2020
[hecrj#348] feat: add horizontal text alignment to TextInput
aaa5d36
phoenisx added a commit to phoenisx/iced that referenced this issue May 31, 2020
@phoenisx
[hecrj#348] feat: add horizontal text alignment to TextInput
9b28f5e
@phoenisx phoenisx mentioned this issue May 31, 2020
Closed
4 tasks
phoenisx added a commit to phoenisx/iced that referenced this issue May 31, 2020
@phoenisx
[hecrj#348] feat: add horizontal text alignment to TextInput
718c8fd
phoenisx added a commit to phoenisx/iced that referenced this issue Jun 2, 2020
@phoenisx
[hecrj#348] feat: add horizontal text alignment to TextInput
3e53e44
phoenisx added a commit to phoenisx/iced that referenced this issue Jun 2, 2020
@phoenisx
[hecrj#348] feat: add horizontal text alignment to TextInput
d5a9d5a
phoenisx added a commit to phoenisx/iced that referenced this issue Jun 3, 2020
@phoenisx
[hecrj#348] feat: add proper cursor movement and clip offset
dad2391
phoenisx added a commit to phoenisx/iced that referenced this issue Jun 3, 2020
@phoenisx
[hecrj#348] feat: add proper cursor movement and clip offset
c182841
phoenisx added a commit to phoenisx/iced that referenced this issue Jun 4, 2020
@phoenisx
[hecrj#348] fix: clipping of the text when text_width goes beyond its…
b972343 
… bounds
phoenisx added a commit to phoenisx/iced that referenced this issue Jun 4, 2020
@phoenisx
[hecrj#348] fix: clipping of the text when text_width goes beyond its…
789d8cf 
… bounds
phoenisx added a commit to phoenisx/iced that referenced this issue Jun 4, 2020
@phoenisx
[hecrj#348] fix: mouse clicks to select correct text range
a0cbc9f
phoenisx added a commit to phoenisx/iced that referenced this issue Jun 4, 2020
@phoenisx
[hecrj#348] fix: remove unnessary examples
eab9665
phoenisx added a commit to phoenisx/iced that referenced this issue Jun 4, 2020
@phoenisx
[hecrj#348] fix: remove unnessary examples
6911a8e
@hecrj hecrj removed this from the 0.2.0 milestone Nov 26, 2020
@hecrj hecrj added this to the 0.3.0 milestone Nov 26, 2020
@hecrj hecrj removed this from the 0.3.0 milestone Mar 31, 2021
@hecrj hecrj added this to the 0.4.0 milestone Mar 31, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature good first issue
3 participants
@hecrj @phoenisx @imjasonmiller