1. #1
    Ext JS Premium Member cmeans's Avatar
    Join Date
    Jun 2010
    Location
    Chicago, IL USA
    Posts
    112
    Vote Rating
    7
    cmeans is on a distinguished road

      0  

    Question Need help generating custom button ui

    Need help generating custom button ui


    ExtJS v4.1.1a
    Cmd v3.0.2.288

    I have a very simple custom theme app.scss:

    Code:
    $theme-name: 'test';
    @import 'compass';
    @import 'ext4/default/all';
    
    // Your custom code goes here...
    $relative-image-path-for-uis: true;
    
    @include extjs-button-ui(
        'test-btn', 
    
        $background-color: #6db73d
    );
    However, at build, I get the following error:

    Code:
    [INF]        -sass:
    [INF]        [shellscript] 
    [INF]        [shellscript] C:\Workspaces\eclipse\test_locator_II\src\Locator\packages\theme\sass>compass compile --boring --force 
    [INF]        [shellscript] identical app.css 
    [INF]        Compressed 0 of 1 (1 up to date)
    [INF]        [shellscript] 
    [INF]        [shellscript] C:\Workspaces\eclipse\test_locator_II\src\Locator\packages\test\sass>compass compile --boring --force 
    [INF]        [shellscript]     error app.scss (Line 693 of _button.scss: Invalid null operation: "null plus 4px".)Sass::SyntaxError on line ["693"] of C: Invalid null operation: "null plus 4px".
    [INF]        [shellscript] Run with --trace to see the full backtrace
    [INF]        [shellscript]
    From reviewing the _button.scss, it seems to be unhappy that I don't have a $icon-size value, but I would expect defaults to be in place.

    Can anyone tell me what I'm doing wrong here?

    Thanks.

    -Chris

  2. #2
    Ext JS Premium Member cmeans's Avatar
    Join Date
    Jun 2010
    Location
    Chicago, IL USA
    Posts
    112
    Vote Rating
    7
    cmeans is on a distinguished road

      0  

    Lightbulb


    I've since figured-out that there appear to be some properties are required (if others are used...or are always required). So for the above case, I also needed to include $icon-size.

    The other issue I finally figured-out is that one needs to include the button scale value (preceded by a hyphen) in the UI name, like 'test-small'.

  3. #3
    Ext JS Premium Member cmeans's Avatar
    Join Date
    Jun 2010
    Location
    Chicago, IL USA
    Posts
    112
    Vote Rating
    7
    cmeans is on a distinguished road

      0  

    Default


    I've since discovered that I can't even manipulate something as basic as the border-width.

    I'd really appreciate it if someone could provide me a pointer or two on this...provide a working example, or point me to current & accurate documentation.

    Thanks.

  4. #4
    Ext JS Premium Member cmeans's Avatar
    Join Date
    Jun 2010
    Location
    Chicago, IL USA
    Posts
    112
    Vote Rating
    7
    cmeans is on a distinguished road

      0  

    Exclamation


    I've upgraded to 4.1.3, and can confirm that the rendering of the theme.html is still not including the appropriate custom button ui CSS for focus, over or pressed states. The buttons render correctly interactively in Chrome, but my understanding is that they should render statically on the page in order for the slicing to work correctly.

  5. #5
    Ext JS Premium Member cmeans's Avatar
    Join Date
    Jun 2010
    Location
    Chicago, IL USA
    Posts
    112
    Vote Rating
    7
    cmeans is on a distinguished road

      0  

    Default


    Can anyone help?

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi