Python kivy - how to reduce height of TextInput

Bertone picture Bertone · May 31, 2017 · Viewed 7.5k times · Source

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..

Answer

Edvardas Dlugauskas picture Edvardas Dlugauskas · May 31, 2017

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'