Kivy - Errant Vertical Splitter












0















I am attempting to construct a screen with a VERTICAL splitter to separate content; however, I am unsuccessful in identifying a solution even after consulting the kivy docs and looking through the related questions here.



from kivy.app import App
from kivy.lang import Builder
from kivy.uix.label import Label
from kivy.uix.button import Button
from kivy.uix.splitter import Splitter
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.gridlayout import GridLayout
from kivy.uix.relativelayout import RelativeLayout
from kivy.properties import StringProperty, DictProperty
from kivy.uix.screenmanager import ScreenManager, Screen

kv = '''

ScreenManagement:
id: 'manager'
MainScreen:
name: 'main'
manager: 'manager'

<MainScreen>:

BoxLayout:
orientation: 'vertical'

Button:
text: 'New'

Splitter:
sizeable_from: 'top'
Button:
text: 'test'


'''


class ScreenManagement(ScreenManager):

pass

class MainScreen(Screen):

pass

class MyApp(App):

def build(self):
return Builder.load_string(kv)


MyApp().run()


Here is what I am current seeing with this code



enter image description here



As you can see, the splitter is beside the second button rather than between the buttons horizontally; and when the splitter is activated, it shrinks the button horizontally rather than vertically. How do I change the code for the effect that I desire?










share|improve this question





























    0















    I am attempting to construct a screen with a VERTICAL splitter to separate content; however, I am unsuccessful in identifying a solution even after consulting the kivy docs and looking through the related questions here.



    from kivy.app import App
    from kivy.lang import Builder
    from kivy.uix.label import Label
    from kivy.uix.button import Button
    from kivy.uix.splitter import Splitter
    from kivy.uix.boxlayout import BoxLayout
    from kivy.uix.gridlayout import GridLayout
    from kivy.uix.relativelayout import RelativeLayout
    from kivy.properties import StringProperty, DictProperty
    from kivy.uix.screenmanager import ScreenManager, Screen

    kv = '''

    ScreenManagement:
    id: 'manager'
    MainScreen:
    name: 'main'
    manager: 'manager'

    <MainScreen>:

    BoxLayout:
    orientation: 'vertical'

    Button:
    text: 'New'

    Splitter:
    sizeable_from: 'top'
    Button:
    text: 'test'


    '''


    class ScreenManagement(ScreenManager):

    pass

    class MainScreen(Screen):

    pass

    class MyApp(App):

    def build(self):
    return Builder.load_string(kv)


    MyApp().run()


    Here is what I am current seeing with this code



    enter image description here



    As you can see, the splitter is beside the second button rather than between the buttons horizontally; and when the splitter is activated, it shrinks the button horizontally rather than vertically. How do I change the code for the effect that I desire?










    share|improve this question



























      0












      0








      0








      I am attempting to construct a screen with a VERTICAL splitter to separate content; however, I am unsuccessful in identifying a solution even after consulting the kivy docs and looking through the related questions here.



      from kivy.app import App
      from kivy.lang import Builder
      from kivy.uix.label import Label
      from kivy.uix.button import Button
      from kivy.uix.splitter import Splitter
      from kivy.uix.boxlayout import BoxLayout
      from kivy.uix.gridlayout import GridLayout
      from kivy.uix.relativelayout import RelativeLayout
      from kivy.properties import StringProperty, DictProperty
      from kivy.uix.screenmanager import ScreenManager, Screen

      kv = '''

      ScreenManagement:
      id: 'manager'
      MainScreen:
      name: 'main'
      manager: 'manager'

      <MainScreen>:

      BoxLayout:
      orientation: 'vertical'

      Button:
      text: 'New'

      Splitter:
      sizeable_from: 'top'
      Button:
      text: 'test'


      '''


      class ScreenManagement(ScreenManager):

      pass

      class MainScreen(Screen):

      pass

      class MyApp(App):

      def build(self):
      return Builder.load_string(kv)


      MyApp().run()


      Here is what I am current seeing with this code



      enter image description here



      As you can see, the splitter is beside the second button rather than between the buttons horizontally; and when the splitter is activated, it shrinks the button horizontally rather than vertically. How do I change the code for the effect that I desire?










      share|improve this question
















      I am attempting to construct a screen with a VERTICAL splitter to separate content; however, I am unsuccessful in identifying a solution even after consulting the kivy docs and looking through the related questions here.



      from kivy.app import App
      from kivy.lang import Builder
      from kivy.uix.label import Label
      from kivy.uix.button import Button
      from kivy.uix.splitter import Splitter
      from kivy.uix.boxlayout import BoxLayout
      from kivy.uix.gridlayout import GridLayout
      from kivy.uix.relativelayout import RelativeLayout
      from kivy.properties import StringProperty, DictProperty
      from kivy.uix.screenmanager import ScreenManager, Screen

      kv = '''

      ScreenManagement:
      id: 'manager'
      MainScreen:
      name: 'main'
      manager: 'manager'

      <MainScreen>:

      BoxLayout:
      orientation: 'vertical'

      Button:
      text: 'New'

      Splitter:
      sizeable_from: 'top'
      Button:
      text: 'test'


      '''


      class ScreenManagement(ScreenManager):

      pass

      class MainScreen(Screen):

      pass

      class MyApp(App):

      def build(self):
      return Builder.load_string(kv)


      MyApp().run()


      Here is what I am current seeing with this code



      enter image description here



      As you can see, the splitter is beside the second button rather than between the buttons horizontally; and when the splitter is activated, it shrinks the button horizontally rather than vertically. How do I change the code for the effect that I desire?







      python kivy






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Jan 2 at 20:06









      eyllanesc

      85.3k103564




      85.3k103564










      asked Jan 2 at 19:49









      JustapigeonJustapigeon

      609




      609
























          1 Answer
          1






          active

          oldest

          votes


















          1














          Simple misspelling. sizeable_from should be sizable_from.






          share|improve this answer
























            Your Answer






            StackExchange.ifUsing("editor", function () {
            StackExchange.using("externalEditor", function () {
            StackExchange.using("snippets", function () {
            StackExchange.snippets.init();
            });
            });
            }, "code-snippets");

            StackExchange.ready(function() {
            var channelOptions = {
            tags: "".split(" "),
            id: "1"
            };
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function() {
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled) {
            StackExchange.using("snippets", function() {
            createEditor();
            });
            }
            else {
            createEditor();
            }
            });

            function createEditor() {
            StackExchange.prepareEditor({
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader: {
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            },
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            });


            }
            });














            draft saved

            draft discarded


















            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54012308%2fkivy-errant-vertical-splitter%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            1














            Simple misspelling. sizeable_from should be sizable_from.






            share|improve this answer




























              1














              Simple misspelling. sizeable_from should be sizable_from.






              share|improve this answer


























                1












                1








                1







                Simple misspelling. sizeable_from should be sizable_from.






                share|improve this answer













                Simple misspelling. sizeable_from should be sizable_from.







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Jan 2 at 23:19









                John AndersonJohn Anderson

                3,6672516




                3,6672516
































                    draft saved

                    draft discarded




















































                    Thanks for contributing an answer to Stack Overflow!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid



                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.


                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function () {
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54012308%2fkivy-errant-vertical-splitter%23new-answer', 'question_page');
                    }
                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    MongoDB - Not Authorized To Execute Command

                    How to fix TextFormField cause rebuild widget in Flutter

                    in spring boot 2.1 many test slices are not allowed anymore due to multiple @BootstrapWith