@@ -397,7 +397,10 @@ <h1>edifice.RadioButton<a class="headerlink" href="#edifice-radiobutton" title="
397397< a class ="reference external " href ="https://doc.qt.io/qtforpython-6/PySide6/QtWidgets/QRadioButton.html "> QRadioButton</ a > </ p > </ li >
398398</ ul >
399399</ div > </ blockquote >
400- < p > Radio buttons are used to specify a single choice out of many.</ p >
400+ < p > Radio buttons are used to select a single choice out of many.</ p >
401+ < figure class ="align-default ">
402+ < img alt ="../_images/radio_button.png " src ="../_images/radio_button.png " />
403+ </ figure >
401404< p class ="rubric "> Props</ p >
402405< p > All < strong > props</ strong > from < a class ="reference internal " href ="edifice.QtWidgetElement.html#edifice.QtWidgetElement " title ="edifice.QtWidgetElement "> < code class ="xref py py-class docutils literal notranslate "> < span class ="pre "> QtWidgetElement</ span > </ code > </ a > plus:</ p >
403406< dl class ="field-list simple ">
@@ -412,30 +415,23 @@ <h1>edifice.RadioButton<a class="headerlink" href="#edifice-radiobutton" title="
412415</ dd >
413416</ dl >
414417< p class ="rubric "> Usage</ p >
415- < figure class ="align-default " id ="id1 ">
416- < a class ="reference internal image-reference " href ="../_images/radio_button.png "> < img alt ="../_images/radio_button.png " src ="../_images/radio_button.png " style ="width: 300px; " />
417- </ a >
418- < figcaption >
419- < p > < span class ="caption-text "> Three RadioButtons</ span > < a class ="headerlink " href ="#id1 " title ="Link to this image "> #</ a > </ p >
420- </ figcaption >
421- </ figure >
422418< p > Because of the declarative nature of Edifice, we can ignore all of the
423419Qt mechanisms for radio button “groups” and “exclusivity.”
424420Just declare each radio button < code class ="code docutils literal notranslate "> < span class ="pre "> checked</ span > </ code > prop to depend on the state.</ p >
425- < div class ="literal-block-wrapper docutils container " id ="id2 ">
426- < div class ="code-block-caption "> < span class ="caption-text "> Exclusive RadioButtons with different parents</ span > < a class ="headerlink " href ="#id2 " title ="Link to this code "> #</ a > </ div >
421+ < div class ="literal-block-wrapper docutils container " id ="id1 ">
422+ < div class ="code-block-caption "> < span class ="caption-text "> Exclusive RadioButtons with different parents</ span > < a class ="headerlink " href ="#id1 " title ="Link to this code "> #</ a > </ div >
427423< div class ="highlight-python notranslate "> < div class ="highlight "> < pre > < span > </ span > < span class ="n "> value</ span > < span class ="p "> ,</ span > < span class ="n "> value_set</ span > < span class ="o "> =</ span > < span class ="n "> use_state</ span > < span class ="p "> (</ span > < span class ="n "> cast</ span > < span class ="p "> (</ span > < span class ="n "> Literal</ span > < span class ="p "> [</ span > < span class ="s2 "> "op1"</ span > < span class ="p "> ,</ span > < span class ="s2 "> "op2"</ span > < span class ="p "> ],</ span > < span class ="s2 "> "op1"</ span > < span class ="p "> ))</ span >
428424
429- < span class ="k "> with</ span > < span class ="n "> ed </ span > < span class =" o " > . </ span > < span class =" n " > VBoxView</ span > < span class ="p "> ():</ span >
430- < span class ="k "> with</ span > < span class ="n "> ed </ span > < span class =" o " > . </ span > < span class =" n " > VBoxView</ span > < span class ="p "> ():</ span >
431- < span class ="n "> ed </ span > < span class =" o " > . </ span > < span class =" n " > RadioButton</ span > < span class ="p "> (</ span >
425+ < span class ="k "> with</ span > < span class ="n "> VBoxView</ span > < span class ="p "> ():</ span >
426+ < span class ="k "> with</ span > < span class ="n "> VBoxView</ span > < span class ="p "> ():</ span >
427+ < span class ="n "> RadioButton</ span > < span class ="p "> (</ span >
432428 < span class ="n "> checked</ span > < span class ="o "> =</ span > < span class ="n "> value</ span > < span class ="o "> ==</ span > < span class ="s2 "> "op1"</ span > < span class ="p "> ,</ span >
433429 < span class ="n "> on_change</ span > < span class ="o "> =</ span > < span class ="k "> lambda</ span > < span class ="n "> checked</ span > < span class ="p "> :</ span > < span class ="n "> value_set</ span > < span class ="p "> (</ span > < span class ="s2 "> "op1"</ span > < span class ="p "> )</ span > < span class ="k "> if</ span > < span class ="n "> checked</ span > < span class ="k "> else</ span > < span class ="kc "> None</ span > < span class ="p "> ,</ span >
434430 < span class ="n "> text</ span > < span class ="o "> =</ span > < span class ="s2 "> "Option 1"</ span > < span class ="p "> ,</ span >
435431 < span class ="n "> style</ span > < span class ="o "> =</ span > < span class ="p "> {}</ span > < span class ="k "> if</ span > < span class ="n "> value</ span > < span class ="o "> ==</ span > < span class ="s2 "> "op1"</ span > < span class ="k "> else</ span > < span class ="p "> {</ span > < span class ="s2 "> "color"</ span > < span class ="p "> :</ span > < span class ="s2 "> "grey"</ span > < span class ="p "> },</ span >
436432 < span class ="p "> )</ span >
437- < span class ="k "> with</ span > < span class ="n "> ed </ span > < span class =" o " > . </ span > < span class =" n " > VBoxView</ span > < span class ="p "> ():</ span >
438- < span class ="n "> ed </ span > < span class =" o " > . </ span > < span class =" n " > RadioButton</ span > < span class ="p "> (</ span >
433+ < span class ="k "> with</ span > < span class ="n "> VBoxView</ span > < span class ="p "> ():</ span >
434+ < span class ="n "> RadioButton</ span > < span class ="p "> (</ span >
439435 < span class ="n "> checked</ span > < span class ="o "> =</ span > < span class ="n "> value</ span > < span class ="o "> ==</ span > < span class ="s2 "> "op2"</ span > < span class ="p "> ,</ span >
440436 < span class ="n "> on_change</ span > < span class ="o "> =</ span > < span class ="k "> lambda</ span > < span class ="n "> checked</ span > < span class ="p "> :</ span > < span class ="n "> value_set</ span > < span class ="p "> (</ span > < span class ="s2 "> "op2"</ span > < span class ="p "> )</ span > < span class ="k "> if</ span > < span class ="n "> checked</ span > < span class ="k "> else</ span > < span class ="kc "> None</ span > < span class ="p "> ,</ span >
441437 < span class ="n "> text</ span > < span class ="o "> =</ span > < span class ="s2 "> "Option 2"</ span > < span class ="p "> ,</ span >
0 commit comments