Show More
| @@ -17,7 +17,7 b'' | |||
|
|
17 | 17 | "name": "python2" |
|
|
18 | 18 | }, |
|
|
19 | 19 | "name": "", |
|
|
20 | "signature": "sha256:aead3efdf2770e2764fcf617c9e9ba6d40343cf25b01642fbd2a3e66de2b0d7c" | |
|
|
20 | "signature": "sha256:f6e8d46c3edeaf2371bf508730c093f8d1005cc9be13072aabf71dc3f49b2c3b" | |
|
|
21 | 21 | }, |
|
|
22 | 22 | "nbformat": 3, |
|
|
23 | 23 | "nbformat_minor": 0, |
| @@ -634,131 +634,6 b'' | |||
|
|
634 | 634 | } |
|
|
635 | 635 | }, |
|
|
636 | 636 | "source": [ |
|
|
637 | "Style classes" | |
|
|
638 | ] | |
|
|
639 | }, | |
|
|
640 | { | |
|
|
641 | "cell_type": "markdown", | |
|
|
642 | "metadata": {}, | |
|
|
643 | "source": [ | |
|
|
644 | "In addition to alignment classes, the classes defined by Bootstrap can also be used. This tutorial will only cover a few of the most common classes. For a full list of Bootstrap classes, please refer to [Bootstrap's website](http://getbootstrap.com/2.3.2/)." | |
|
|
645 | ] | |
|
|
646 | }, | |
|
|
647 | { | |
|
|
648 | "cell_type": "heading", | |
|
|
649 | "level": 3, | |
|
|
650 | "metadata": {}, | |
|
|
651 | "source": [ | |
|
|
652 | "ButtonWidgets" | |
|
|
653 | ] | |
|
|
654 | }, | |
|
|
655 | { | |
|
|
656 | "cell_type": "code", | |
|
|
657 | "collapsed": false, | |
|
|
658 | "input": [ | |
|
|
659 | "# List of the bootstrap button styles\n", | |
|
|
660 | "classes = [\n", | |
|
|
661 | " 'btn', \n", | |
|
|
662 | " 'btn-primary', \n", | |
|
|
663 | " 'btn-info', \n", | |
|
|
664 | " 'btn-success', \n", | |
|
|
665 | " 'btn-warning', \n", | |
|
|
666 | " 'btn-danger', \n", | |
|
|
667 | " 'btn-inverse', \n", | |
|
|
668 | " 'btn-link'\n", | |
|
|
669 | "]\n", | |
|
|
670 | "\n", | |
|
|
671 | "# Display the buttons in a hbox\n", | |
|
|
672 | "container = widgets.HBox(children=[widgets.Button(description=c) for c in classes])\n", | |
|
|
673 | "display(container)\n", | |
|
|
674 | "\n", | |
|
|
675 | "# Apply classes after display\n", | |
|
|
676 | "ret = [container.children[i].add_class(c) for i, c in enumerate(classes)]" | |
|
|
677 | ], | |
|
|
678 | "language": "python", | |
|
|
679 | "metadata": {}, | |
|
|
680 | "outputs": [] | |
|
|
681 | }, | |
|
|
682 | { | |
|
|
683 | "cell_type": "heading", | |
|
|
684 | "level": 3, | |
|
|
685 | "metadata": { | |
|
|
686 | "slideshow": { | |
|
|
687 | "slide_type": "slide" | |
|
|
688 | } | |
|
|
689 | }, | |
|
|
690 | "source": [ | |
|
|
691 | "ContainerWidgets" | |
|
|
692 | ] | |
|
|
693 | }, | |
|
|
694 | { | |
|
|
695 | "cell_type": "code", | |
|
|
696 | "collapsed": false, | |
|
|
697 | "input": [ | |
|
|
698 | "def create_label(cls):\n", | |
|
|
699 | " class_name = widgets.HTML(value=cls)\n", | |
|
|
700 | " container = widgets.Box(children=[class_name])\n", | |
|
|
701 | " display(container)\n", | |
|
|
702 | " container.add_class(cls)\n", | |
|
|
703 | "\n", | |
|
|
704 | "ret = [create_label(c) for c in [\n", | |
|
|
705 | " 'alert', \n", | |
|
|
706 | " 'alert alert-error', \n", | |
|
|
707 | " 'alert alert-success', \n", | |
|
|
708 | " 'alert alert-info'\n", | |
|
|
709 | "]]" | |
|
|
710 | ], | |
|
|
711 | "language": "python", | |
|
|
712 | "metadata": {}, | |
|
|
713 | "outputs": [] | |
|
|
714 | }, | |
|
|
715 | { | |
|
|
716 | "cell_type": "heading", | |
|
|
717 | "level": 3, | |
|
|
718 | "metadata": { | |
|
|
719 | "slideshow": { | |
|
|
720 | "slide_type": "slide" | |
|
|
721 | } | |
|
|
722 | }, | |
|
|
723 | "source": [ | |
|
|
724 | "ProgressWidgets" | |
|
|
725 | ] | |
|
|
726 | }, | |
|
|
727 | { | |
|
|
728 | "cell_type": "code", | |
|
|
729 | "collapsed": false, | |
|
|
730 | "input": [ | |
|
|
731 | "classes = [\n", | |
|
|
732 | " 'progress-info', \n", | |
|
|
733 | " 'progress-success', \n", | |
|
|
734 | " 'progress-warning', \n", | |
|
|
735 | " 'progress-danger',\n", | |
|
|
736 | " 'progress-info progress-striped', \n", | |
|
|
737 | " 'progress-success progress-striped', \n", | |
|
|
738 | " 'progress-warning progress-striped', \n", | |
|
|
739 | " 'progress-danger progress-striped',\n", | |
|
|
740 | " 'active progress-info progress-striped', \n", | |
|
|
741 | " 'active progress-success progress-striped', \n", | |
|
|
742 | " 'active progress-warning progress-striped', \n", | |
|
|
743 | " 'active progress-danger progress-striped',\n", | |
|
|
744 | "]\n", | |
|
|
745 | "ws = [widgets.IntProgress(value=50, description=c) for c in classes]\n", | |
|
|
746 | "ret = [display(w) for w in ws]\n", | |
|
|
747 | "ret = [ws[i].add_class(c) for i, cs in enumerate(classes) for c in cs.split(' ')]" | |
|
|
748 | ], | |
|
|
749 | "language": "python", | |
|
|
750 | "metadata": {}, | |
|
|
751 | "outputs": [] | |
|
|
752 | }, | |
|
|
753 | { | |
|
|
754 | "cell_type": "heading", | |
|
|
755 | "level": 2, | |
|
|
756 | "metadata": { | |
|
|
757 | "slideshow": { | |
|
|
758 | "slide_type": "slide" | |
|
|
759 | } | |
|
|
760 | }, | |
|
|
761 | "source": [ | |
|
|
762 | 637 | "Visibility" |
|
|
763 | 638 | ] |
|
|
764 | 639 | }, |
General Comments 0
You need to be logged in to leave comments.
Login now