Results 1 to 4 of 4

Thread: Themespecific glyphs for checkboxes, fieldset-expand-tool a.s.o.

  1. #1
    Sencha Premium Member
    Join Date
    Aug 2014
    Posts
    13
    Answers
    2

    Default Answered: Themespecific glyphs for checkboxes, fieldset-expand-tool a.s.o.

    Does anybody know how to set any other glyphs for checkboxes?

    The mixin offers the ability: http://docs.sencha.com/extjs/6.0/6.0...js-checkbox-ui

    I tried some Icons from the fontAwesome set (I set this as default iconfont). But I cannot get it work.

    Sometimes one Icon is changed but it never shows the one that i set at the right status.

    The same problem applies to fieldset:




  2. Hi--

    Can you share an example of the mixin call that you're making, as well as the component configuration that you're using?

    Re: the checkbox, it seems to be working for me:

    Code:
    @include extjs-checkbox-ui(
        $ui: 'random',
        $ui-checkbox-glyph: "\f243", // battery %25
        $ui-checkbox-checked-glyph: "\f240", // battery full
    );
    ....
    {
        fieldLabel: 'My CheckBox',
        ui: 'random',
        xtype: 'checkbox'
    }
    Thanks!
    Joel

  3. #2
    Sencha User
    Join Date
    Nov 2014
    Posts
    3,120
    Answers
    446

    Default

    Hi--

    Can you share an example of the mixin call that you're making, as well as the component configuration that you're using?

    Re: the checkbox, it seems to be working for me:

    Code:
    @include extjs-checkbox-ui(
        $ui: 'random',
        $ui-checkbox-glyph: "\f243", // battery %25
        $ui-checkbox-checked-glyph: "\f240", // battery full
    );
    ....
    {
        fieldLabel: 'My CheckBox',
        ui: 'random',
        xtype: 'checkbox'
    }
    Thanks!
    Joel

  4. #3
    Sencha Premium Member
    Join Date
    Aug 2014
    Posts
    13
    Answers
    2

    Default

    Thanks, this works. Did not know about this syntax with the backslash as glyphs are set with a little different syntax inside Configs of JS-Files. It would be great if there were Tipps for such Differences inside the Documentation of the mixins or something like that. Thank you very much for your quick help!

  5. #4
    Sencha User
    Join Date
    Nov 2014
    Posts
    3,120
    Answers
    446

    Default

    Quote Originally Posted by thecap View Post
    Thanks, this works. Did not know about this syntax with the backslash as glyphs are set with a little different syntax inside Configs of JS-Files. It would be great if there were Tipps for such Differences inside the Documentation of the mixins or something like that. Thank you very much for your quick help!
    Sure thing, happy to help! I found the correct syntax to use by inspecting the /sass/etc/_variables.scss file in the font-awesome package.

    Thanks!
    Joel

Similar Threads

  1. Glyphs in panel tool
    By Misiu in forum Ext: Discussion
    Replies: 6
    Last Post: 1 Oct 2014, 11:52 PM
  2. add a tool to fieldset
    By jinjianhe in forum Ext: Q&A
    Replies: 0
    Last Post: 10 Jan 2012, 4:54 PM
  3. Fieldset title/checkboxes are misaligned
    By bwmatthews in forum Ext 3.x: Bugs
    Replies: 0
    Last Post: 10 Aug 2011, 8:13 AM
  4. Create fieldset of checkboxes with Json data
    By ITS Telco in forum Sencha Touch 1.x: Discussion
    Replies: 1
    Last Post: 25 Jul 2011, 5:24 AM
  5. Replies: 2
    Last Post: 14 Nov 2007, 7:11 AM

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
  •