una/samples/buttons.php

<?php
/**
 * Copyright (c) BoonEx Pty Limited - http://www.boonex.com/
 * CC-BY License - http://creativecommons.org/licenses/by/3.0/
 *
 * @defgroup    DolphinCore Samples
 * @{
 */

/** 
 * @page samples
 * @section button Buttons
 */

/**
 * There are default css classes for buttons.
 *
 * .bx-btn - standard button
 * .bx-btn .bx-btn-small - small buttom 
 * 
 * To make button with icon only include icon in 'i' tag:
 * @code
 *   <i class="sys-icon fire-extinguisher"></i>
 *   <i style="background-image:url(clock.png)"></i>
 * @endcode
 *
 * To make button with icon and text wrap it in 'u' tag:
 * @code
 *   <u class="sys-icon fire-extinguisher">Button text</u>
 *   <u style="background-image:url(clock.png)">Button text</u>
 * @endcode
 */ 

$aPathInfo = pathinfo(__FILE__);
require_once ($aPathInfo['dirname'] . '/../inc/header.inc.php');
require_once(BX_DIRECTORY_PATH_INC . "params.inc.php");
require_once(BX_DIRECTORY_PATH_INC . "design.inc.php");

bx_import('BxDolLanguages');
bx_import('BxTemplFunctions');

$oTemplate = BxDolTemplate::getInstance();
$oTemplate->setPageNameIndex (BX_PAGE_DEFAULT);
$oTemplate->setPageHeader ("Buttons");
$oTemplate->setPageContent ('page_main_code', PageCompMainCode());
$oTemplate->getPageCode();


/**
 * page code function
 */
function PageCompMainCode() {

    ob_start();
?>
    <button class="bx-btn bx-def-margin-right">Button text</button>
    <button class="bx-btn bx-btn-img bx-def-margin-right"><i style="background-image:url(template/images/icons/clock.png)"></i></button>
    <button class="bx-btn bx-btn-img bx-def-margin-right"><u style="background-image:url(template/images/icons/clock.png)">Button text</u></button>

    <div class="bx-clear"></div><hr class="bx-def-hr bx-def-margin-topbottom" />

    <button class="bx-btn bx-btn-small bx-def-margin-right">Button text</button>
    <button class="bx-btn bx-btn-small bx-btn-img bx-def-margin-right"><i style="background-image:url(template/images/icons/clock.png)"></i></button>
    <button class="bx-btn bx-btn-small bx-btn-img bx-def-margin-right"><u style="background-image:url(template/images/icons/clock.png)">Button text</u></button>

    <div class="bx-clear"></div><hr class="bx-def-hr bx-def-margin-topbottom" />

    <button class="bx-btn bx-def-margin-right"><i class="sys-icon fire-extinguisher"></i></button>
    <button class="bx-btn bx-def-margin-right"><i class="sys-icon fire-extinguisher sys-icon-bigger"></i></button>
    <button class="bx-btn bx-def-margin-right"><i class="sys-icon fire-extinguisher sys-icon-bigger col-red1"></i></button>
    <button class="bx-btn bx-def-margin-right"><u class="sys-icon fire-extinguisher">Button text</u></button>

    <div class="bx-clear"></div><hr class="bx-def-hr bx-def-margin-topbottom" />

    <button class="bx-btn bx-btn-small bx-def-margin-right"><i class="sys-icon fire-extinguisher"></i></button>
    <button class="bx-btn bx-btn-small bx-def-margin-right"><u class="sys-icon fire-extinguisher">Button text</u></button>

<?php

    return DesignBoxContent("Buttons", ob_get_clean(), BX_DB_PADDING_DEF);
}



/** @} */