Создание округлых кнопок вместо cтандартных в Application Express

1. Home -> Application Builder -> Application 101 -> Shared Components -> Templates -> Button Definition:
   

    <a class="button_ND1" href="#LINK#" onclick="this.blur();">  
                                                   <span>#LABEL#</span></a>  
   

2. Создать css-файл для описания кнопки:
   

    .clear { /* generic container (i.e. div) for floating buttons */  
     overflow: hidden;  
     width: 100%;  
    }  
    a.button_ND1 {  
     background: transparent url('bg_button_a.gif') no-repeat scroll top right;  
     color: #444;  
     display: block;  
     float: left;  
     font: normal 12px arial, sans-serif;  
     height: 24px;  
     margin-right: 6px;  
     padding-right: 18px; /* sliding doors padding */  
     text-decoration: none;  
    }  
    a.button_ND1 span {  
     background: transparent url('bg_button_span.gif') no-repeat;  
     display: block;  
     line-height: 14px;  
     padding: 5px 0 5px 18px;  
     text-decoration: none;  
    }  
    a.button_ND1:active {  
     background-position: bottom right;  
     color: #000;  
     outline: none; /* hide dotted outline in Firefox */  
     text-decoration: none;  
    }  
    a.button_ND1:active span {  
     background-position: bottom left;  
     padding: 6px 0 4px 18px; /* push text down 1px */  
     text-decoration: none;  
    }  
   

3. Загрузить данный файл на Web-server (аналогично, интеграции Oracle Application Express и ExtJS).
4. Загрузить рядом с css файлом две следующие картинки:
   • bg_button_a.gif
   • bg_button_span.gif