What's New?

[CLOSED] Changing a Toggle Buttons Icon

  1. #1
    May 05, 2013, 3:05 PM

    [CLOSED] Changing a Toggle Buttons Icon

    Hi all

    I try to change a Toggle Buttons Icon

      button.toggle(!button.pressed);
  
  if (button.pressed) {
    button.setIconCls('#BellStop');
  } else {
    button.setIconCls('#ButtonWhite');
  }
    But the Icon doesn't appear/change ?

    What's the solution here ?

    Peter
    Last edited by Daniil; May 09, 2013 at 3:58 AM. Reason: [CLOSED]
  2. #2
    May 05, 2013, 4:00 PM
    Quote Originally Posted by Peter.Treier View Post
    Hi all

    I try to change a Toggle Buttons Icon

      button.toggle(!button.pressed);
  
  if (button.pressed) {
    button.setIconCls('#BellStop');
  } else {
    button.setIconCls('#ButtonWhite');
  }
    Isn't # for targeting dom element with a certain id? You should declare your css as :

    .BellStop { ... }
.ButtonWhite { ... }
    and then use :

      button.toggle(!button.pressed);
  
  if (button.pressed) {
    button.setIconCls('BellStop');
  } else {
    button.setIconCls('ButtonWhite');
  }
  3. #3
    May 05, 2013, 4:05 PM
    Disregard what I said =P. #IconName means something special for Ext.NET.
  4. #4
    May 05, 2013, 9:38 PM
    Hello!

    Couldn't reproduce. I've tried the following code:

    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<!DOCTYPE html>

<html>
<head runat="server">
    <script>
        var toggleHandler = function(button) {
            button.toggle(!button.pressed);

            if (button.pressed) {
                button.setIconCls('#BellStop');
            } else {
                button.setIconCls('#Accept');
            }
        }
    </script>
</head>
<body>
    <ext:ResourceManager runat="server" />
    
    <ext:Button runat="server" Icon="ThumbUp">
        <Listeners>
            <Click Fn="toggleHandler"></Click>
        </Listeners>
    </ext:Button>
</body>
</html>

Similar Threads

  1. [CLOSED] Changing the text and Icon of the start menu desktop control
    By SymSure in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Nov 23, 2012, 1:45 PM
  2. [CLOSED] Avoid unselected Toggle Buttons
    By softmachine2011 in forum 2.x Legacy Premium Help
    Replies: 2
    Last Post: Nov 16, 2012, 8:33 AM
  3. changing Icon of a TreeNode
    By _xpto in forum 1.x Help
    Replies: 1
    Last Post: Oct 26, 2012, 3:10 PM
  4. Toggle Buttons dosen't work good with fireEvent
    By inaltec in forum 1.x Help
    Replies: 1
    Last Post: Apr 03, 2012, 9:42 PM
  5. Changing Icon on TreePanel node
    By wh0urdady in forum 1.x Help
    Replies: 1
    Last Post: Jun 14, 2010, 2:31 PM

Posting Permissions