Results 1 to 2 of 2

Thread: Fcing Issue in generating Costume Button UI in extjs 4.2

  1. #1
    Sencha Premium Member
    Join Date
    Aug 2012
    Location
    India
    Posts
    307
    Answers
    1

    Exclamation Fcing Issue in generating Costume Button UI in extjs 4.2

    I copy all image file from ext-theme-classic/resources/images and paste in package/my-custome-theme/resources/images .

    Please find below my package/my-custome-theme/package.json as below :-
    ============================================================
    {
    "name": "my-custome-theme",
    "type": "theme",
    "creator": "anonymous",
    "summary": "Short summary",
    "detailedDescription": "Long description of package",
    "version": "1.0.0",
    "compatVersion": "1.0.0",
    "format": "1",
    "local": true,
    "requires": [],
    "extend": "ext-theme-neptune"
    }
    ========================================================

    Then, I write code in package/my-custome-theme/sass/src/button/Button.scss :-
    ========================================================
    @include extjs-button-ui(
    $ui: 'customeButtonUI',
    $border-radius: 2px,
    $border-width: 3px,
    $padding: 20px
    );

    =================================================
    Q1. it's showing error in cmd, but why ??

    Please find below of error image .
    buttonUIOpen.jpg

    but in another case, I write code as below in package/my-custome-theme/sass/src/panel/Panel.scss :-


    @include extjs-panel-ui(
    $ui-label: 'CustomePanelUI',
    $ui-header-background-color: red,
    $ui-border-color: red,
    $ui-header-border-color: red,
    $ui-body-border-color: red,
    $ui-border-width: 5px,
    $ui-border-radius: 5px
    );

    it's working fine.


    Please do help for to customize Button UI.

  2. #2
    Sencha User
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,165
    Answers
    505

    Default

    Saki put together a video on creating a custom UI for buttons in 4.2.x that you may find very helpful.
    http://www.youtube.com/watch?feature...&v=sqEkFQ2W0aM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •