How to reduce the size of the slider knob

[Shoumik Das]

Hi,

I am trying to create a time selector (hh:mm) using two sliders. This is what it looks like when the window size is large:

If I reduce the window size to simulate a mobile device, the sliders appear a bit cramped:

Is there a way to reduce the size of the knobs of the sliders so as not to overlap with the text? Also, how can I add a thin black border around the box layout so that the cluster of sliders and labels looks like the date field (text-input) on the left?

Thanks in advance

[Elliot Garbus]

Is there a way to reduce the size of the knobs of the sliders so as not to overlap with the text?

 

See: https://kivy.org/doc/stable/api-kivy.uix.slider.html?highlight=slider#kivy.uix.slider.Slider.cursor_size

The default size is 32x32, you can make is smaller, or change the cursor image.

 

Also, how can I add a thin black border around the box layout so that the cluster of sliders and labels looks like the date field (text-input) on the left?

 

Use the canvas with Line, rectangle to draw a box the size of the boxlayout.  The code below is something similar I did in a different project.  You would use rectangle (not rounded_rectange).

https://kivy.org/doc/stable/api-kivy.graphics.html#kivy.graphics.Line.rectangle

 

BoxLayout:
    orientation:'vertical'
    canvas.after:
        Color:
            rgb: 0, 0, 0
        Line:
            width: dp(2)
            rounded_rectangle: (*self.pos, self.width, self.height, 2)

--
You received this message because you are subscribed to the Google Groups "Kivy users support" group.
To unsubscribe from this group and stop receiving emails from it, send an email to kivy-users+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/kivy-users/5fa0b40e-15ea-4d11-905e-926eabd616bd%40googlegroups.com.

 

[Shoumik Das]

Hi Eliott,

Your suggestions worked like a charm. Thank you very much.

Just one query though: rectangle: (*self.pos, self.width, self.height) - Why are we passing *self.pos instead of self.pos?

Thanks, once again.

To unsubscribe from this group and stop receiving emails from it, send an email to kivy-...@googlegroups.com.

[Elliot Garbus]

👍😄

If I reduce the window size to simulate a mobile device, the sliders appear a bit cramped:

 

 

Is there a way to reduce the size of the knobs of the sliders so as not to overlap with the text? Also, how can I add a thin black border around the box layout so that the cluster of sliders and labels looks like the date field (text-input) on the left?

 

Thanks in advance

 

--
You received this message because you are subscribed to the Google Groups "Kivy users support" group.
To unsubscribe from this group and stop receiving emails from it, send an email to kivy-...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/kivy-users/5fa0b40e-15ea-4d11-905e-926eabd616bd%40googlegroups.com.

 

--
You received this message because you are subscribed to the Google Groups "Kivy users support" group.

To unsubscribe from this group and stop receiving emails from it, send an email to kivy-users+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/kivy-users/49666182-d23f-4675-a2f8-ed91744fdc13%40googlegroups.com.

 

[Shoumik Das]

Hi Eliot,

Can you help me understand this line?

rectangle: (*self.pos, self.width, self.height)

Why are we passing *self.pos instead of self.pos?

Thanks

To view this discussion on the web visit https://groups.google.com/d/msgid/kivy-users/5ecbeaad.1c69fb81.2c56.03d7SMTPIN_ADDED_MISSING%40gmr-mx.google.com.

[Elliot Garbus]

It unpacks the x and y. 

Read: https://realpython.com/python-kwargs-and-args/

Sent from my iPhone

On May 25, 2020, at 9:19 AM, Shoumik Das <shoum...@gmail.com> wrote:



To view this discussion on the web visit https://groups.google.com/d/msgid/kivy-users/CAH1Ve%3DSBLL7crO1DyEEg-i971PECGhr-3nfqtPwfVkFTSjN%2B6w%40mail.gmail.com.

[Elliot Garbus]

...more correctly, it unpacks pos[0], pos[1]

Sent from my iPhone

On May 25, 2020, at 9:39 AM, Elliot Garbus <elli...@cox.net> wrote:

It unpacks the x and y. 

[Shoumik Das]

Got it! Thanks a ton. 🙂☺️

To view this discussion on the web visit https://groups.google.com/d/msgid/kivy-users/B41F042D-3988-44A9-B0A2-D1C597C865DA%40cox.net.