C# .NET - I am using ultrawebgrid in asp.net need to show tooltip pop upto 4000 charachers

Asked By balu Eswar on 20-Jun-12 09:57 AM
Earn up to 20 extra points for answering this tough question.
Hi All,

I am using asp.net 2008 in my application i am using ultrawebgrid need to show tooltip for the particular column which contains 4000 characters..

Can any person advice how can i acheive the subjected matter.Default tooltip popup is showing 500 characters only need to show 4000 characters..

Thanks in advance,
Bala.
Vikram Singh Saini replied to balu Eswar on 27-Jun-12 06:36 AM
I tried same requirement in demo application.

Declared UltraWebGrid, binded same to AccessDataSource, set styles to it in DisplayLayout tag, and then set rows and columns values in Bands tag.

For setting tooltip I used Title attribute in Header caption. And I placed 4000 characters there. It worked fine. Here is the code:

<infra:UltraWebGrid ID="UltraWebGrid1" runat="server" DataSourceID="adsUsers">

        <DisplayLayout AllowColSizingDefault="Free" AllowColumnMovingDefault="OnServer" AllowDeleteDefault="Yes"

          AllowSortingDefault="OnClient" AllowUpdateDefault="Yes" BorderCollapseDefault="Separate"

          RowHeightDefault="20px" RowSelectorsDefault="No" SelectTypeRowDefault="Extended"

          StationaryMargins="Header" StationaryMarginsOutlookGroupBy="True" TableLayout="Fixed"

          Version="4.00" ViewType="OutlookGroupBy">

          <Pager MinimumPagesForDisplay="2">

            <PagerStyle BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px">

              <BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" />

            </PagerStyle>

          </Pager>

          <FooterStyleDefault BackColor="LightGray" BorderStyle="Solid" BorderWidth="1px">

            <BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" />

          </FooterStyleDefault>

          <HeaderStyleDefault BackColor="LightGray" BorderStyle="Solid" HorizontalAlign="Left">

            <BorderDetails ColorLeft="White" ColorTop="White" WidthLeft="1px" WidthTop="1px" />

          </HeaderStyleDefault>

          <RowStyleDefault BackColor="Window" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px"

            Font-Names="Segoe UI" Font-Size="8.25pt">

            <Padding Left="3px" />

            <BorderDetails ColorLeft="Window" ColorTop="Window" />

          </RowStyleDefault>

        </DisplayLayout>

        <Bands>

          <infra:UltraGridBand>

            <Columns>

              <infra:UltraGridColumn BaseColumnName="UserLogon" DataType="System.String" IsBound="True"

                Key="UserLogon">

                <Header Caption="User Logon" Title="">

                  <RowLayoutColumnInfo OriginX="0" />

                </Header>

              </infra:UltraGridColumn>

              <infra:UltraGridColumn BaseColumnName="UserName" DataType="System.String" IsBound="True"

                Key="UserName">

                <Header Caption="User Name">

                  <RowLayoutColumnInfo OriginX="1" />

                </Header>

              </infra:UltraGridColumn>

              <infra:TemplatedColumn>

                <CellTemplate>

                  <asp:HyperLink ID="hlOrder" runat="Server" Text="View Order"></asp:HyperLink>

                </CellTemplate>

                <Header Caption="Order here">

                  <RowLayoutColumnInfo OriginX="2" />

                </Header>

              </infra:TemplatedColumn>

            </Columns>

          </infra:UltraGridBand>

        </Bands>       

      </infra:UltraWebGrid>

      <asp:AccessDataSource ID="adsUsers" runat="server" DataFile="~/App_Data/Data.mdb"

        SelectCommand="SELECT * FROM Users" />


 I have not put the value in Title (which works as Tooltip) for saving space (see highlighted). You can see action in snapshot. It's displaying tooltip for first column with 4000 and more characters.



If I misinterpreted your requirements please elaborate more along with your code in which you are trying to show tooltip.