How can I move the text label of a radiobutton below the button in Python Tkinter?

2024/10/6 10:30:39

I'm wondering if there's a way to move the label text of a radiobutton to a different area, e.g. below the actual button.

Below is an example of a few radiobuttons being placed using grid that I'm using:

from tkinter import *
from tkinter import ttkclass MainGUI(Frame):def __init__(self, parent):self.parent = parentFrame.__init__(self, parent, background="white")self.mainframe = ttk.Frame(root, padding="8 8 12 12")self.mainframe.grid(column=0, row=0, sticky=(N, W, E, S))self.mainframe.columnconfigure(0, weight=1)self.mainframe.rowconfigure(0, weight=1)ttk.Radiobutton(self.mainframe, text="Button 1", value=0).grid(column=1, row=2)ttk.Radiobutton(self.mainframe, text="Button 2", value=1).grid(column=2, row=2)ttk.Radiobutton(self.mainframe, text="Button 3", value=2).grid(column=3, row=2)ttk.Radiobutton(self.mainframe, text="Button 4", value=3).grid(column=4, row=2)if __name__ == '__main__':root = Tk()root.geometry("300x100")app = MainGUI(root)root.mainloop()

Below is an image of the frame when the code is run:

As you can see the default is to be on the side of the buttons, but I'm looking for a way to move the text below, I can't seem to find any solutions to this question!

Thanks, Raj

Answer

My thought is to try amending the ttk.RadioButton's layout elements or element's option. See http://infohost.nmt.edu/tcc/help/pubs/tkinter/web/ttk-layouts.html.

The layout of its element seems to consist of a label, that is inside the focus, that is inside indicator, that is inside the padding (See below variable rbLayout). The Radiobutton.indicator's side option value is left. The Radiobutton.label's anchor option appears blank. I think changing either of these options may get what you want. You would also have to add the option "style=your_customed_stylename" into your ttk.Radiobutton declaration.

>>> import tkinter.ttk as ttk
>>> s = ttk.Style()
>>> rb = ttk.Radiobutton(None, text='RB1')
>>> rbClass = rb.winfo_class()
>>> rbClass
'TRadiobutton'
>>> rbLayout = s.layout('TRadiobutton')
>>> rbLayout
[('Radiobutton.padding', {'sticky': 'nswe', 'children': [('Radiobutton.indicator', {'sticky': '', 'side': 'left'}), ('Radiobutton.focus', {'children': [('Radiobutton.label', {'sticky': 'nswe'})], 'sticky': '', 'side': 'left'})]})]
>>> type(rbLayout)
<class 'list'>

Update:

  1. I think the rbLayout variable shows that by default the Radiobutton.padding contains two children elements, i.e. Radiobutton.indicator and Radiobutton.focus, and they are positioned on the left side of Radiobutton.padding. Furthermore, Radiobutton.focus contains Radiobutton.label. Correction to my earlier explanation.
  2. To achieve the described layout, I think Radiobutton.indicator's 'side' key should have value 'top' and 'sticky' key should have value 'n'. Furthermore, Radiobutton.focus's 'side' key should have value 'bottom' and 'sticky' value should be 's'.
  3. I created a script to implemented the changes. See below code. However, it did not work. I am surprise the radiobutton layout did not change. Have not understood why it did not work.

Hope someone more knowledgeable can explain why the amendments to Radiobutton element's layout did not change to the required layout.

import tkinter as tk
import tkinter.ttk as ttkroot = tk.Tk()
root.geometry("300x100")s = ttk.Style()
m = s.layout('TRadiobutton')
print('TRadiobutton.Layout : Default')
print(m , "\n")# Change to default Radiobutton.indicator elements
list(list(m[0])[1]['children'][0])[1]['side'] = 'top'
list(list(m[0])[1]['children'][0])[1]['sticky'] = 'n'# Change to default Radiobutton.focus elements
list(list(m[0])[1]['children'][1])[1]['side']='bottom'
list(list(m[0])[1]['children'][1])[1]['sticky']='s'print('TRadiobutton.Layout : Amended')
print(m, "\n")frame1 = ttk.Frame(root)
frame1.grid()
rb1 = ttk.Radiobutton(frame1, text="Button 1")
rb1.grid()root.rowconfigure(0, weight=1)
root.columnconfigure(0, weight=1)

Update 2 : SOLUTION

import tkinter as tk
import tkinter.ttk as ttkroot = tk.Tk()
root.geometry("300x100")s = ttk.Style()
s.theme_use('default')print('TRadiobutton.Layout : Default')
print(s.layout('TRadiobutton'), "\n")s.layout('TRadiobutton',[('Radiobutton.padding',{'children':[('Radiobutton.indicator', {'side': 'top', 'sticky': ''}), # Just need to change indicator's 'side' value('Radiobutton.focus', {'side': 'left','children':[('Radiobutton.label', {'sticky': 'nswe'})],'sticky': ''})],'sticky': 'nswe'})])print('TRadiobutton.Layout : Amended')
print(s.layout('TRadiobutton'), "\n")frame1 = ttk.Frame(root)
frame1.grid()
rb1 = ttk.Radiobutton(frame1, text="Button 1")
rb1.grid()root.rowconfigure(0, weight=1)
root.columnconfigure(0, weight=1)

Radiobutton with top indicator and bottom label

A big thanks :) to j_4321 for his latest solution building on my suggested approach. I have implemented it (see above) to my previous code and it works. I like to highlight the following:

  1. My code shows changes made to the layout of the Radiobutton's default style 'TRadiobutton' instead of creating a new Style with a changed layout. The advantage of this difference appears to overcome the shortcoming mention by j_4321 2nd solution. That is, it works on all ttk themes ('clam', 'alt', 'default', 'classic') and not just on 'clam' and 'alt'. At least this works on my Linux 16.04 platform.
  2. The mistake in my earlier code was that I had created a new instance of s.layout() (i.e. m = s.layout()) and changed it's layout, instead of actually changing the layout of the default Radiobutton style s.layout('TRadiobutton'). I learned from j_4321's solution that one can change the layout of a default style by adding the changed details of a widget's layout as the 2nd term in the tuple ttk.Style.layout(widget's default style name), i.e. ttk.Style.layout(widget's default style name e.g. 'TRadiobutton', [changed layout details of widget]).
  3. To change the Radiobutton indicator's location to appear at the top of it's label, change to the Radiobutton.indicator's 'side' value to 'top' is only needed. Changes to the Radiobutton.focus's 'side' value had no effect on Radiobutton's layout.
https://en.xdnf.cn/q/70373.html

Related Q&A

play sound file in PyQt

Ive developed a software in PyQt which plays sound.Im using Phonon Library to play the sound but it has some lag.So how can I play a sound file in PyQt without using Phonon Library.This is how I am cur…

translating named list vectors from R into rpy2 in Python?

What is the equivalent of the following R code in Rpy2 in python?Var1 = c("navy", "darkgreen") names(Var1) = c("Class1", "Class2") ann_colors = list(Var1 = Var1…

Issue parsing multiline JSON file using Python

I am trying to parse a JSON multiline file using json library in Python 2.7. A simplified sample file is given below:{ "observations": {"notice": [{"copyright": "Copy…

timezone aware vs. timezone naive in python

I am working with datetime objects in python. I have a function that takes a time and finds the different between that time and now. def function(past_time):now = datetime.now()diff = now - past_timeWh…

How to return a value from Python script as a Bash variable?

This is a summary of my code:# import whateverdef createFolder():#someCodevar1=Gdrive.createFolder(name)return var1 def main():#someCodevar2=createFolder()return var2if __name__ == "__main__"…

How to align text to the right in ttk Treeview widget?

I am using a ttk.Treeview widget to display a list of Arabic books. Arabic is a right-to-left language, so the text should be aligned to the right. The justify option that is available for Label and o…

ImportError: cannot import name RemovedInDjango19Warning

Im on Django 1.8.7 and Ive just installed Django-Allauth by cloning the repo and running pip install in the apps directory in my webapp on the terminal. Now when I run manage.py migrate, I get this err…

How does Yahoo Finance calculate Adjusted Close stock prices?

Heres how Yahoo Finance apparently calculates Adjusted Close stock prices:https://help.yahoo.com/kb/adjusted-close-sln28256.htmlFrom this, I understand that a constant factor is applied to the unadjust…

Celery design help: how to prevent concurrently executing tasks

Im fairly new to Celery/AMQP and am trying to come up with a task/queue/worker design to meet the following requirements.I have multiple types of "per-user" tasks: e.g., TaskA, TaskB, TaskC. …

Google App Engine - Using Search API Python with list fields

Im using ndb.Model. The Search API has the following field classes:TextField : plain textHtmlField : HTML formatted textAtomField : a string which is treated as a single tokenNumberField : a numeric v…