{"id":2123,"date":"2021-01-06T03:55:08","date_gmt":"2021-01-06T03:55:08","guid":{"rendered":"https:\/\/www.pythontutorial.net\/?page_id=2123"},"modified":"2025-04-04T03:26:52","modified_gmt":"2025-04-04T03:26:52","slug":"tkinter-scrolledtext","status":"publish","type":"page","link":"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-scrolledtext\/","title":{"rendered":"Tkinter ScrolledText"},"content":{"rendered":"\n<p><strong>Summary<\/strong>: in this tutorial, you&#8217;ll learn how to use the Tkinter <code>ScrolledText<\/code> widget that consists of a <code>Text<\/code> widget and vertical <code>Scrollbar<\/code> widget.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id='introduction-to-the-tkinter-scrolledtext-widget'>Introduction to the Tkinter ScrolledText widget <a href=\"#introduction-to-the-tkinter-scrolledtext-widget\" class=\"anchor\" id=\"introduction-to-the-tkinter-scrolledtext-widget\" title=\"Anchor for Introduction to the Tkinter ScrolledText widget\">#<\/a><\/h2>\n\n\n\n<p>So far, you&#8217;ve learned how to create a <a href=\"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-text\/\">Text<\/a> widget and how to link a vertical <a href=\"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-scrollbar\/\">Scrollbar<\/a> to it. To make it more convenient, Tkinter provides you with the <code>ScrolledText<\/code> widget which does the same things as a <code>Text<\/code> widget linked to a vertical <code>Scrollbar<\/code> widget.<\/p>\n\n\n\n<p>To create a<code>ScrolledText<\/code> widget, you follow these steps:<\/p>\n\n\n\n<p>First, import the <code>ScrolledText<\/code> class from the <code>tkinter.scrolledtext<\/code> module:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\"><span class=\"hljs-keyword\">from<\/span> tkinter.scrolledtext <span class=\"hljs-keyword\">import<\/span> ScrolledText<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Second, create a new instance of the <code>ScrolledText<\/code> widget:<\/p>\n\n\n<pre class=\"wp-block-code\"><span><code class=\"hljs\">text = ScrolledText(master=None,**kw)<\/code><\/span><\/pre>\n\n\n<p>In this syntax:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>master<\/code> is the parent widget (a <a href=\"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-window\/\">window<\/a> or <a href=\"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-frame\/\">frame<\/a>) where you want to place the <code>ScrolledText<\/code> widget.<\/li>\n\n\n\n<li><code>**kw<\/code> is one or more <a href=\"https:\/\/www.pythontutorial.net\/python-basics\/python-keyword-arguments\/\">keyword arguments<\/a> that specifies the <code>ScrolledText<\/code> widget&#8217;s configuration such as <code>width<\/code> and <code>height<\/code>.<\/li>\n<\/ul>\n\n\n\n<p>The <code>ScrolledText<\/code> widget inherits from the <code>Text<\/code> widget, therefore, it has all the properties of the the <code>Text<\/code> widget.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id='features-of-the-scrolledtext-widget'>Features of the ScrolledText widget <a href=\"#features-of-the-scrolledtext-widget\" class=\"anchor\" id=\"features-of-the-scrolledtext-widget\" title=\"Anchor for Features of the ScrolledText widget\">#<\/a><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Automatic Scrollbar<\/strong>: The <code>ScrolledText<\/code> widget has a vertical scrollbar so you don&#8217;t need to create a scrollbar and link it to the widget manually.<\/li>\n\n\n\n<li><strong>Text Editing<\/strong>: You can add, remove, and change text like in a <code>Text<\/code> widget.<\/li>\n\n\n\n<li><strong>Configurable Appearance<\/strong>: You can set font styles, colors, and cursor styles in the <code>ScrolledText<\/code> widget.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id='tkinter-scrolledtext-widget-example'>Tkinter ScrolledText widget example <a href=\"#tkinter-scrolledtext-widget-example\" class=\"anchor\" id=\"tkinter-scrolledtext-widget-example\" title=\"Anchor for Tkinter ScrolledText widget example\">#<\/a><\/h2>\n\n\n\n<p>The following program illustrates how to create a <code>ScrolledText<\/code> widget:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\"><span class=\"hljs-keyword\">import<\/span> tkinter <span class=\"hljs-keyword\">as<\/span> tk\n<span class=\"hljs-keyword\">from<\/span> tkinter.scrolledtext <span class=\"hljs-keyword\">import<\/span> ScrolledText\n\nroot = tk.Tk()\nroot.title(<span class=\"hljs-string\">\"ScrolledText Widget\"<\/span>)\n\ntext = ScrolledText(root, width=<span class=\"hljs-number\">80<\/span>,  height=<span class=\"hljs-number\">8<\/span>)\ntext.pack(padx = <span class=\"hljs-number\">10<\/span>, pady=<span class=\"hljs-number\">10<\/span>,  fill=tk.BOTH, side=tk.LEFT, expand=True)\n\nroot.mainloop()<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Output:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"687\" height=\"188\" src=\"https:\/\/www.pythontutorial.net\/wp-content\/uploads\/2025\/04\/tkinter-ScrolledText-widget.png\" alt=\"\" class=\"wp-image-7469\" srcset=\"https:\/\/www.pythontutorial.net\/wp-content\/uploads\/2025\/04\/tkinter-ScrolledText-widget.png 687w, https:\/\/www.pythontutorial.net\/wp-content\/uploads\/2025\/04\/tkinter-ScrolledText-widget-300x82.png 300w\" sizes=\"auto, (max-width: 687px) 100vw, 687px\" \/><\/figure>\n\n\n\n<p>How it works.<\/p>\n\n\n\n<p>First, import the <code>ScrolledText<\/code> class from the <code>tkinter.scrolledtext<\/code> module:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\"><span class=\"hljs-keyword\">from<\/span> tkinter.scrolledtext <span class=\"hljs-keyword\">import<\/span> ScrolledText<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Second, create a new <code>ScrolledText<\/code> widget instance<\/p>\n\n\n<pre class=\"wp-block-code\"><span><code class=\"hljs\">text = ScrolledText(root, width=50,  height=10)<\/code><\/span><\/pre>\n\n\n<p>Third,  <a href=\"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-pack\/\">pack<\/a> it on the main window:<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-4\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">text.pack(padx = <span class=\"hljs-number\">10<\/span>, pady=<span class=\"hljs-number\">10<\/span>,  fill=tk.BOTH, side=tk.LEFT, expand=<span class=\"hljs-keyword\">True<\/span>)<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-4\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<h2 class=\"wp-block-heading\" id='summary'>Summary <a href=\"#summary\" class=\"anchor\" id=\"summary\" title=\"Anchor for Summary\">#<\/a><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use the Tkinter <code>ScrolledText<\/code> widget to create a <code>Text<\/code> widget with an integrated vertical <code>Scrollbar<\/code>.<\/li>\n<\/ul>\n<div class=\"helpful-block-content\" data-title=\"\">\n\t<header>\n\t\t<div class=\"wth-question\">Was this tutorial helpful ?<\/div>\n\t\t<div class=\"wth-thumbs\">\n\t\t\t<button\n\t\t\t\tdata-post=\"2123\"\n\t\t\t\tdata-post-url=\"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-scrolledtext\/\"\n\t\t\t\tdata-post-title=\"Tkinter ScrolledText\"\n\t\t\t\tdata-response=\"1\"\n\t\t\t\tclass=\"wth-btn-rounded wth-yes-btn\"\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\tclass=\"feather feather-thumbs-up block w-full h-full\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"\n\t\t\t\t\t><\/path>\n\t\t\t\t<\/svg>\n\t\t\t\t<span class=\"sr-only\"> Yes <\/span>\n\t\t\t<\/button>\n\n\t\t\t<button\n\t\t\t\tdata-response=\"0\"\n\t\t\t\tdata-post=\"2123\"\n\t\t\t\tdata-post-url=\"https:\/\/www.pythontutorial.net\/tkinter\/tkinter-scrolledtext\/\"\n\t\t\t\tdata-post-title=\"Tkinter ScrolledText\"\n\t\t\t\tclass=\"wth-btn-rounded wth-no-btn\"\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17\"\n\t\t\t\t\t><\/path>\n\t\t\t\t<\/svg>\n\t\t\t\t<span class=\"sr-only\"> No <\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t<\/header>\n\n\t<div class=\"wth-form hidden\">\n\t\t<div class=\"wth-form-wrapper\">\n\t\t\t<div class=\"wth-title\"><\/div>\n\t\t\t<textarea class=\"wth-message\"><\/textarea>\n\t\t\t<input type=\"button\" name=\"wth-submit\" class=\"wth-btn wth-btn-submit\" id=\"wth-submit\" \/>\n\t\t\t<input type=\"button\" class=\"wth-btn wth-btn-cancel\" value=\"Cancel\" \/>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, you&#8217;ll learn how to use the Tkinter ScrolledText widget that consists of a Text widget and vertical Scrollbar widget.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1232,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2123","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/pages\/2123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/comments?post=2123"}],"version-history":[{"count":3,"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/pages\/2123\/revisions"}],"predecessor-version":[{"id":7473,"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/pages\/2123\/revisions\/7473"}],"up":[{"embeddable":true,"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/pages\/1232"}],"wp:attachment":[{"href":"https:\/\/www.pythontutorial.net\/wp-json\/wp\/v2\/media?parent=2123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}