What's New?

[CLOSED] Tooltip autosize

  1. #1
    Jan 30, 2013, 3:08 PM

    [CLOSED] Tooltip autosize

    Hi all,

    I have a tooltip which shows the value of the combo's selected item.
    The problem is that the combo may contain different size text. So i want that the size of the tooltip changes dynamically.
     <ToolTips>
    <ext:ToolTip Height="40" Width="130" runat="server" TrackMouse="true">
          <Listeners>
                 <Show Handler="this.body.update(#{myCombo}.getRawValue()); />
          </Listeners>
    </ext:ToolTip>
</ToolTips>
    Any idea about this?

    Thanks
    Last edited by Daniil; Feb 05, 2013 at 4:22 AM. Reason: [CLOSED]
  2. #2
    Jan 30, 2013, 11:11 PM
    Hello!

    You have to use setWidth method. Look at the following example:

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

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

<script runat="server">
    
    protected void Page_Load()
    {
        myCombo.SelectedItems.Add(new Ext.Net.ListItem(60));
    }
    
    private object Sizes
    {
        get
        {
            return new object[]
                {
                    new object[] { 60, 60 },
                    new object[] { 120, 120 },
                    new object[] { 180, 180 }
                };
        }
    }

</script>

<!DOCTYPE html>

<html>
<head runat="server">
    <title>Ext.NET Examples</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" SourceFormatting="True" />

        <ext:ComboBox 
            runat="server"
            FieldLabel="Sizes combo"
            ID="myCombo"
            DisplayField="size"
            Width="320"
            LabelWidth="130"
            QueryMode="Local"
            TypeAhead="true">
            <Store>
                <ext:Store runat="server" Data="<%# Sizes %>" AutoDataBind="true">
                    <Model>
                        <ext:Model runat="server">
                            <Fields>
                                <ext:ModelField Name="size" />
                                <ext:ModelField Name="sizeText" />
                            </Fields>
                        </ext:Model>
                    </Model>
                    <Reader>
                        <ext:ArrayReader />
                    </Reader>
                </ext:Store>
            </Store>
            <ToolTips>
                <ext:ToolTip Height="40" Width="60" runat="server" TrackMouse="true">
                      <Listeners>
                          <BeforeShow Handler="item.setWidth(#{myCombo}.getValue());" ></BeforeShow>
                          <Show Handler="this.body.update(#{myCombo}.getRawValue());" />
                      </Listeners>
                </ext:ToolTip>
            </ToolTips>
        </ext:ComboBox>
    </form>
</body>
</html>

Similar Threads

  1. [CLOSED] ext:Window Loader Autosize
    By supera in forum 2.x Legacy Premium Help
    Replies: 9
    Last Post: Sep 05, 2016, 7:07 PM
  2. Combobox autoSize to List width
    By johnsoftinfos in forum 1.x Help
    Replies: 4
    Last Post: Dec 10, 2010, 8:45 AM
  3. Help! usercontrol do't autosize
    By st.leo in forum 1.x Help
    Replies: 2
    Last Post: Nov 15, 2010, 6:27 AM
  4. [CLOSED] Autosize Grids
    By CMA in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Apr 07, 2010, 11:35 AM
  5. Autosize GridPanel inside UserControl
    By petlun in forum 1.x Help
    Replies: 3
    Last Post: Dec 19, 2008, 6:16 PM

Posting Permissions