How to link opposite values of two buttons using ipywidgets in Python 3?









up vote
0
down vote

favorite












How do I link the value of two buttons to be opposite of one another? The widgets.jslink() function only seems to link the value to be the same, not the opposite. I know that I could use widgets.ToggleButtons() to link two buttons, but I want the success button to be green and the fail button to be red. ToggleButtons() does not appear to allow different coloring for each button. If it does, I'm open to that as a solution, as well. Here is the code I have so far (FYI: I'm running this code in JupyterLab using ipywidgets and node.js):



button_y= widgets.Button(
description='Success',
disabled=False,
button_style='success'
tooltip='Click me',
icon='check'
)

button_n= widgets.Button(
description='Failure',
disabled=False,
button_style='danger'
tooltip='Click me',
icon='check'
)

display(widgets.HBox((button_y, button_n)))


Output:



two buttons output










share|improve this question

























    up vote
    0
    down vote

    favorite












    How do I link the value of two buttons to be opposite of one another? The widgets.jslink() function only seems to link the value to be the same, not the opposite. I know that I could use widgets.ToggleButtons() to link two buttons, but I want the success button to be green and the fail button to be red. ToggleButtons() does not appear to allow different coloring for each button. If it does, I'm open to that as a solution, as well. Here is the code I have so far (FYI: I'm running this code in JupyterLab using ipywidgets and node.js):



    button_y= widgets.Button(
    description='Success',
    disabled=False,
    button_style='success'
    tooltip='Click me',
    icon='check'
    )

    button_n= widgets.Button(
    description='Failure',
    disabled=False,
    button_style='danger'
    tooltip='Click me',
    icon='check'
    )

    display(widgets.HBox((button_y, button_n)))


    Output:



    two buttons output










    share|improve this question























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      How do I link the value of two buttons to be opposite of one another? The widgets.jslink() function only seems to link the value to be the same, not the opposite. I know that I could use widgets.ToggleButtons() to link two buttons, but I want the success button to be green and the fail button to be red. ToggleButtons() does not appear to allow different coloring for each button. If it does, I'm open to that as a solution, as well. Here is the code I have so far (FYI: I'm running this code in JupyterLab using ipywidgets and node.js):



      button_y= widgets.Button(
      description='Success',
      disabled=False,
      button_style='success'
      tooltip='Click me',
      icon='check'
      )

      button_n= widgets.Button(
      description='Failure',
      disabled=False,
      button_style='danger'
      tooltip='Click me',
      icon='check'
      )

      display(widgets.HBox((button_y, button_n)))


      Output:



      two buttons output










      share|improve this question













      How do I link the value of two buttons to be opposite of one another? The widgets.jslink() function only seems to link the value to be the same, not the opposite. I know that I could use widgets.ToggleButtons() to link two buttons, but I want the success button to be green and the fail button to be red. ToggleButtons() does not appear to allow different coloring for each button. If it does, I'm open to that as a solution, as well. Here is the code I have so far (FYI: I'm running this code in JupyterLab using ipywidgets and node.js):



      button_y= widgets.Button(
      description='Success',
      disabled=False,
      button_style='success'
      tooltip='Click me',
      icon='check'
      )

      button_n= widgets.Button(
      description='Failure',
      disabled=False,
      button_style='danger'
      tooltip='Click me',
      icon='check'
      )

      display(widgets.HBox((button_y, button_n)))


      Output:



      two buttons output







      python python-3.x ipywidgets






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 9 at 19:31









      dshefman

      526




      526






















          1 Answer
          1






          active

          oldest

          votes

















          up vote
          0
          down vote













          Guessing that you want to link the disabled attributes.
          You can use the observe method in the backend to add logic to links:



          def toggle_button_n(value):
          button_n.disabled = not value.new

          def toggle_button_y(value):
          button_y.disabled = not value.new

          button_n.observe(toggle_button_y, names=['disabled'])
          button_y.observe(toggle_button_n, names=['disabled'])


          You also need to change the initialisation so that only one of the buttons is enabled.






          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',
            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%2f53232196%2fhow-to-link-opposite-values-of-two-buttons-using-ipywidgets-in-python-3%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








            up vote
            0
            down vote













            Guessing that you want to link the disabled attributes.
            You can use the observe method in the backend to add logic to links:



            def toggle_button_n(value):
            button_n.disabled = not value.new

            def toggle_button_y(value):
            button_y.disabled = not value.new

            button_n.observe(toggle_button_y, names=['disabled'])
            button_y.observe(toggle_button_n, names=['disabled'])


            You also need to change the initialisation so that only one of the buttons is enabled.






            share|improve this answer
























              up vote
              0
              down vote













              Guessing that you want to link the disabled attributes.
              You can use the observe method in the backend to add logic to links:



              def toggle_button_n(value):
              button_n.disabled = not value.new

              def toggle_button_y(value):
              button_y.disabled = not value.new

              button_n.observe(toggle_button_y, names=['disabled'])
              button_y.observe(toggle_button_n, names=['disabled'])


              You also need to change the initialisation so that only one of the buttons is enabled.






              share|improve this answer






















                up vote
                0
                down vote










                up vote
                0
                down vote









                Guessing that you want to link the disabled attributes.
                You can use the observe method in the backend to add logic to links:



                def toggle_button_n(value):
                button_n.disabled = not value.new

                def toggle_button_y(value):
                button_y.disabled = not value.new

                button_n.observe(toggle_button_y, names=['disabled'])
                button_y.observe(toggle_button_n, names=['disabled'])


                You also need to change the initialisation so that only one of the buttons is enabled.






                share|improve this answer












                Guessing that you want to link the disabled attributes.
                You can use the observe method in the backend to add logic to links:



                def toggle_button_n(value):
                button_n.disabled = not value.new

                def toggle_button_y(value):
                button_y.disabled = not value.new

                button_n.observe(toggle_button_y, names=['disabled'])
                button_y.observe(toggle_button_n, names=['disabled'])


                You also need to change the initialisation so that only one of the buttons is enabled.







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Nov 9 at 21:10









                Matthias Ossadnik

                53427




                53427



























                     

                    draft saved


                    draft discarded















































                     


                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53232196%2fhow-to-link-opposite-values-of-two-buttons-using-ipywidgets-in-python-3%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

                    Darth Vader #20

                    How to how show current date and time by default on contact form 7 in WordPress without taking input from user in datetimepicker

                    Ondo