7

I am using kivy to make a very simple gui for an application. Nothing complex, very simple layout.

Nevertheless I am having a hard time with TextInputs...They always display with full height and I can't manage to make them adjust to a "reasonable" text-height like height.

I am using the kv files style since I find it cleaner and easier to integrate it in an already existing app...I would like to reduce as much as possible the gui-python code of the app.

Here is what I got for the TextInput (useless to add other parts of the gui).

Python code

# textInput.py
from kivy import require
from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.lang.builder import Builder

Builder.load_file('path/to/kv/file/textInput.kv')

require('1.10.0')

class MainScreen(BoxLayout):
    pass

class Test(App):
    def build(self):
        self.title = 'Testing textInput'
        return MainScreen()

if __name__ == '__main__':
    Test().run()

KV code

# textInput.kv
<MainScreen>
    orientation: 'vertical'

    # Third section title
    Label:
        size_hint: (1, .1)
        text: 'Setup Connection'
        font_size: 25

    # Third section Box
    BoxLayout:
        size_hint: (1, .2)
        padding: [100, 0, 100, 0]
        BoxLayout:
            Label:
                size_hint: (.2, 1)
                text: 'Host'
            TextInput:
                height: self.minimum_height
                multiline: False
                text: 'localhost'
            Label:
                size_hint: (.2, 1)
                text: ''
            Label:
                size_hint: (.2, 1)
                text: 'Port'
            TextInput:
                size_hint: (.2, 1)
                multiline: False
                text: '502'

I have tried lot of stuff, in the code here I am trying both to use size_hint and height...but none works..

2 Answers 2

9

To set a height of a widget, first set the size_hint_y to None and then you can set the height to whatever you want.

TextInput:
    size_hint: (.2, None)
    height: 30
    multiline: False
    text: '502'
2
  • Great thanks, that did the trick I was going nuts. Can I ask you also how I could center vertically the textinput I just managed to reduce in height?
    – Bertone
    May 31, 2017 at 15:19
  • No worries, kivy is absurdly confusing about the simple things at times. To center vertically (if you are not going to use any other widgets) I recommend using a FloatLayout, for widgets inside it use pos_hint. Set 'center_y' to 0.5, read more here kivy.org/docs/… May 31, 2017 at 15:34
0

in addition to the answer size_hint_x and size_hint_y must be set to None respectively before the height and width attribute can be used i.e size_hint: (None, None) for less typing. If you want to set the width attribute, size_hint_x is set to None and vice-versa.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.