Esempi in PHP per cobisja\BootHelp BootHelp::button_group

Esempio n. 1

File: button_toolbar.php Progetto: cobisja/boothelp

    })];
}), 'html_code' => '<div role="toolbar" aria-label="toolbar" class="btn-toolbar">
    <div role="group" aria-label="button-group" class="btn-group">
        <button class="btn btn-default">Button 1</button>
        <button class="btn btn-default">Button 2</button>
        <button class="btn btn-default">Button 3</button>
    </div>
    <div role="group" aria-label="button-group" class="btn-group">
        <button class="btn btn-default">Button 4</button>
        <button class="btn btn-default">Button 5</button>
    </div>
</div>'], ['name' => 'Complex Button Toolbar', 'description' => 'You can specify additional options wich will be used for the button toolbar <code>div</code>.', 'php_code' => "echo BootHelp::button_toolbar(['id'=>'my-toolbar', 'class'=>'en'], function() {\n    return [\n        BootHelp::button_group(function(){\n            return [\n                BootHelp::button('Button 1'),\n                BootHelp::button('Button 2'),\n                BootHelp::button('Button 3')\n            ];\n        }),\n        BootHelp::button_group(function(){\n            return [\n                BootHelp::button('Button 4'),\n                BootHelp::button('Button 5')\n            ];\n        })\n    ];\n});", 'result' => BootHelp::button_toolbar(['id' => 'my-toolbar', 'class' => 'en'], function () {
    return [BootHelp::button_group(function () {
        return [BootHelp::button('Button 1'), BootHelp::button('Button 2'), BootHelp::button('Button 3')];
    }), BootHelp::button_group(function () {
        return [BootHelp::button('Button 4'), BootHelp::button('Button 5')];
    })];
}), 'html_code' => '<div id="my-toolbar" role="toolbar" aria-label="toolbar" class="en btn-toolbar">
    <div role="group" aria-label="button-group" class="btn-group">
        <button class="btn btn-default">Button 1</button>
        <button class="btn btn-default">Button 2</button>
        <button class="btn btn-default">Button 3</button>
    </div>
    <div role="group" aria-label="button-group" class="btn-group">
        <button class="btn btn-default">Button 4</button>
        <button class="btn btn-default">Button 5</button>
    </div>
</div>']]];
/**
 * Button Toolbar samples.
 */

Esempio n. 2

File: button_group.php Progetto: cobisja/boothelp

    <code>"size"</code> option.', 'php_code' => "echo BootHelp::button_group(['size'=>'large'], function(){\n    return [\n        BootHelp::button('Button 1'),\n        BootHelp::button('Button 2'),\n        BootHelp::button('Button 3')\n    ];\n});", 'result' => BootHelp::button_group(['size' => 'large'], function () {
    return [BootHelp::button('Button 1'), BootHelp::button('Button 2'), BootHelp::button('Button 3')];
}), 'html_code' => '<div role="group" aria-label="button-group" class="btn-group btn-group-lg">
    <button class="btn btn-default">Button 1</button>
    <button class="btn btn-default">Button 2</button>
    <button class="btn btn-default">Button 3</button>
</div>'], ['name' => 'Vertical variation', 'description' => 'Make a set of buttons appear vertically stacked rather than horizontally using
    <code>["vertical"=>true]</code> option.', 'php_code' => "echo BootHelp::button_group(['vertical'=>true], function(){\n    return [\n        BootHelp::button('Button 1'),\n        BootHelp::button('Button 2'),\n        BootHelp::button('Button 3')\n    ];\n});", 'result' => BootHelp::button_group(['vertical' => true], function () {
    return [BootHelp::button('Button 1'), BootHelp::button('Button 2'), BootHelp::button('Button 3')];
}), 'html_code' => '<div role="group" aria-label="button-group" class="btn-group-vertical">
    <button class="btn btn-default">Button 1</button>
    <button class="btn btn-default">Button 2</button>
    <button class="btn btn-default">Button 3</button>
</div>'], ['name' => 'Justified Button Group', 'description' => 'Make a group of buttons stretch at equal sizes to span the entire width of its parent
    using <code>["justified"=>true]</code> option.', 'php_code' => "echo BootHelp::button_group(['justified'=>true], function(){\n    return [\n        BootHelp::button('Button 1'),\n        BootHelp::button('Button 2'),\n        BootHelp::button('Button 3')\n    ];\n});", 'result' => BootHelp::button_group(['justified' => true], function () {
    return [BootHelp::button('Button 1'), BootHelp::button('Button 2'), BootHelp::button('Button 3')];
}), 'html_code' => '<div role="group" aria-label="button-group" class="btn-group btn-group-justified">
    <button class="btn btn-default">Button 1</button>
    <button class="btn btn-default">Button 2</button>
    <button class="btn btn-default">Button 3</button>
</div>'], ['name' => 'Complex Button Group', 'description' => 'You can specify additional options wich will be used for the button group <code>div</code>.', 'php_code' => "echo BootHelp::button_group(['id'=>'my-button-group', 'class'=>'en'], function(){\n    return [\n        BootHelp::button('Button 1'),\n        BootHelp::button('Button 2'),\n        BootHelp::button('Button 3')\n    ];\n});", 'result' => BootHelp::button_group(['id' => 'my-button-group', 'class' => 'en'], function () {
    return [BootHelp::button('Button 1'), BootHelp::button('Button 2'), BootHelp::button('Button 3')];
}), 'html_code' => '<div id="my-button-group" role="group" aria-label="button-group" class="en btn-group">
    <button class="btn btn-default">Button 1</button>
    <button class="btn btn-default">Button 2</button>
    <button class="btn btn-default">Button 3</button>
</div>']]];
/**
 * ButtonGroup samples.
 */
echo new Sample($button_groups);