Questions on UI for ASP.NET AJAX Forum

3 answers

114 views

We are using the Q1 Rad Ajax Web Controls, and the far right tab gets cut off as per the image, instead of wrapping to the second line: http://img149.imageshack.us/img149/3641/cutofftab.jpg
How can we resolve this problem, it is a critical issue for us as we are evaluation the package.

TabStrip

answered on 09 Apr 2009

8 answers

172 views

Firefox bug with tooltip opacity

I have several links and images in a panel that I put RadToolTips on in this manner:
RadToolTip tpDetailsGuests = new RadToolTip();
                tpDetailsGuests.ShowEvent = ToolTipShowEvent.OnMouseOver;
                tpDetailsGuests.Skin = "Vista";
                tpDetailsGuests.Position = ToolTipPosition.BottomCenter;
                tpDetailsGuests.Width = new Unit("300px");
                tpDetailsGuests.Height = new Unit("250px");
                tpDetailsGuests.OffsetX = 20;
                tpDetailsGuests.Animation = ToolTipAnimation.Fade;
                tpDetailsGuests.Sticky = true;
                tpDetailsGuests.IsClientID = true;
                tpDetailsGuests.ContentScrolling = ToolTipScrolling.Auto;
                tpDetailsGuests.TargetControlID = "showAllGuests";
                tpDetailsGuests.Text = txtGuests.ToString();
                Panel_GuestListing.Controls.Add(tpDetailsGuests);

And since upgrading to the 2009 controls this has stopped working in Firefox. The first mouse over shows this in the bug tracker in firefox
<div id="RadToolTipWrapper_ctl00_PageCode_ctl07" class="RadToolTip_Vista rtVisibleCallout" unselectable="on" style="position: absolute; z-index: 8000; visibility: visible; left: 415px; top: 109px; width: 300px;">

What I have found is that if I mouseover and mouse off before the tooltip finishes loading the opacity stays at a number below one bug tracker shows this.
<div id="RadToolTipWrapper_ctl00_PageCode_ctl07" class="RadToolTip_Vista rtVisibleCallout" unselectable="on" style="position: absolute; z-index: 8000; left: 400px; top: 112px; width: 300px; opacity: 0.0170707; visibility: visible; display: none;">

And once the opacity is set below one, i can't get it back to one to display correctly. This from what my brief testing shows is that it only happens with the Fade ToolTipAnimation. I'm in FireFox 3.0.8.

ToolTip

answered on 09 Apr 2009

4 answers

185 views

[Solved] Does RadTabstrip supports multiline text in its tabs?

I know the WinForm version does. What about WebForm version? I've looked everywhere and did not find anything. Do you guys have this feature?

TabStrip

answered on 09 Apr 2009

6 answers

170 views

RadControls is not shown in VS2005 toolbox

Why?
There is ok in VS2008. I try to peform "Register RadControls for ASPNET AJAX Q1 2009 items in the Visual Studio toolbox". No results.

General Discussions

answered on 09 Apr 2009

3 answers

140 views

unable to style custom commands with a background image

Hello,

I followed the documentation to replaced default buttons for custom commands, creating a css class like
.dockadd
{
width: 20px;
background: url(/myurl/myimg.gif);
}

then applying it with a CssClass='dockadd' to my custom command.
Something is happening as the image for command changes but it is not the one I set with my class but some kind of inverted V.
I also noticed that change the width in css has no effect on commands size.
Is there something not mentionned in documentation I need to implement ?
I must say that I am also applying the Web20 skin to the dock.

Thanks for help

CS

Dock

answered on 09 Apr 2009

1 answer

93 views

Hyperlink Manager moving images in tables

Hello -
We recently had several customers complain about a problem when editing hyperlinks on images inside of a table. Making any change to the hyperlink and selecting OK moved the hyperlink and image outside of the <td></td> tags and leaves it hanging inside of the <tr></tr>, which completely messes up the table formatting.

Before HTML:

    
                    <table cellspacing="0" cellpadding="0" border="0" align="center" width="639"> 
        
                        <tbody> 
        
                            <tr> 
        
                                <td width="15">&nbsp;</td> 
        
                                <td width="256"><a target="_blank" href="http://www.webook.com"><img height="87" border="0" width="256" alt="WEbook" src="http://www.bsf01.com/creatives/webook/090107/builds/images/webookLogo.gif" /></a></td> 
        
                                <td width="79"><img height="87" width="101" alt="Wow" src="http://www.bsf01.com/creatives/webook/090107/builds/images/wow.gif" /></td> 
        
                                <td width="289" style="font-family: arial,helvetica,sans-serif; font-size: 16px; color: rgb(255, 102, 0);">&nbsp;</td> 
        
                            </tr> 
        
                            <tr> 
        
                                <td><img height="110" width="15" src="http://www.bsf01.com/creatives/webook/090107/builds/images/r2green.gif" /></td> 
        
                                <td bgcolor="#669900" style="font-family: arial,helvetica,sans-serif; font-size: 11px; line-height: 16px; color: rgb(226, 239, 201);"> 
        
                                <span style="font-size: 16px; color: rgb(255, 255, 255);"><strong>You make it work.</strong></span> 
        
                                Help us create the dynamic, irreverent, and open place for writers and people who like reading to meet, write, react, and think together.</td> 
        
                                <td><img height="110" width="101" src="http://www.bsf01.com/creatives/webook/090107/builds/images/r2green2.gif" /></td> 
        
                                <td><a href="https://www.webook.com/login.aspx"><img height="110" border="0" width="267" alt="Login to WEbook" src="http://www.bsf01.com/creatives/webook/090107/builds/images/loginWeBook.gif" /></a></td> 
        
                            </tr> 
        
                        </tbody> 
        
                    </table>

After HTML:

    
                    <table cellspacing="0" cellpadding="0" border="0" align="center" width="639"> 
        
                        <tbody> 
        
                            <tr> 
        
                                <td width="15">&nbsp;</td> 
        
                                <td width="256"></td> 
        
                                <td width="79"><img height="87" width="101" alt="Wow" src="http://www.bsf01.com/creatives/webook/090107/builds/images/wow.gif" /></td> 
        
                                <td width="289" style="font-family: arial,helvetica,sans-serif; font-size: 16px; color: rgb(255, 102, 0);">&nbsp;</td> 
        
                                <a target="_blank" href="http://www.bsf.com"><img height="87" border="0" width="256" alt="WEbook" src="http://www.bsf01.com/creatives/webook/090107/builds/images/webookLogo.gif" /></a> 
        
                            </tr> 
        
                            <tr> 
        
                                <td><img height="110" width="15" src="http://www.bsf01.com/creatives/webook/090107/builds/images/r2green.gif" /></td> 
        
                                <td bgcolor="#669900" style="font-family: arial,helvetica,sans-serif; font-size: 11px; line-height: 16px; color: rgb(226, 239, 201);"> 
        
                                <span style="font-size: 16px; color: rgb(255, 255, 255);"><strong>You make it work.</strong></span> 
        
                                Help us create the dynamic, irreverent, and open place for writers and people who like reading to meet, write, react, and think together.</td> 
        
                                <td><img height="110" width="101" src="http://www.bsf01.com/creatives/webook/090107/builds/images/r2green2.gif" /></td> 
        
                                <td><a href="https://www.webook.com/login.aspx"><img height="110" border="0" width="267" alt="Login to WEbook" src="http://www.bsf01.com/creatives/webook/090107/builds/images/loginWeBook.gif" /></a></td> 
        
                            </tr> 
        
                        </tbody> 
        
                    </table>

Upon investigation, this seems to only happen in Firefox. I'm in the process of investigating other types of hyperlinks inside of tables to see if the problem is more extensive.

Thanks for any assistance.

Editor

answered on 09 Apr 2009

2 answers

598 views

[Solved] Setting DataNavigateUrlFormatString parameter dynamically

Here is the code snippet from the grid.

    
                                    <telerik:GridHyperLinkColumn DataTextField="EstimateID" UniqueName="EstimateID" HeaderText="Quote #" AllowFiltering="false"  
        
                                            DataNavigateUrlFormatString="~/QuoteDetail.aspx?EstimateID={0}" DataNavigateUrlFields="EstimateID" SortExpression="EstimateID" 
        
                                            SortAscImageUrl="~/Images/SortAsc.gif" SortDescImageUrl="~/Images/SortDesc.gif" ItemStyle-Font-Underline="true"> 
        
                                        <ItemStyle HorizontalAlign="Center" Font-Size="12px" /> 
        
                                    </telerik:GridHyperLinkColumn>

I would like to set the DataNavigateUrlFormatString from a field in the bound datatable, just like the visible text field is set by setting the DataTextField property, or set this property in the code behind before the grid is rendered.

Can this be done and how do I do it??

Thanks!

Grid

answered on 09 Apr 2009

1 answer

89 views

The 'Â' bug on saving file

I came across an intresting bug that I thought I would share with everyone just incase it is happening to them as well.

When you have saved a file from the editor, if you have a tag, a space and then some text (example below), when saved the 'Â' character appears. This seems to be because a   is missing and is rather replaced with the character code 160.

    
            <td> Some text</td> 
        
            shows as:  
        
            Â Some text

When you view the saved file in notepad/ word pad/ visual studio etc. you do not see the character. If you view it in a hex editor, you do.
A problem only arises if you open the saved HTML file, manipulate it and then resave it because then the character code is picked up and acted on (rendered).

Once I managed to track down the problem, the fix was really quite simple, simply:

Encode the text to HTML
Replace the offending character with a nbsp;
Decode from HTML ready for saving or more manipulation.

    
            string contentData = Server.HtmlEncode(this._RadEditor.Content);  
        
            contentDatacontentData = contentData.Replace("&#160;", "&amp;nbsp;");  
        
            contentData = Server.HtmlDecode(contentData);

I must stress that this bug only appears after you try and manipulate the document by loading it, manipulating it and resaving it (but it did happen on every machine that we tested it on). If you are viewing your saved documents straight off then this should not be a problem for you.

Editor

answered on 09 Apr 2009

1 answer

151 views

Self Referencing Hierarchy in Programmatic Grid

We are creating the radgrid dynamically in code behind with one bound column and other template columns.

Also, we are using self referencing hierarchy to make heirarchical grid.

We have Autogeneratecolumns=false.

The problem is that level 0 rows are displayed but the child rows are not formed in the hierarchy. It displays 'No child records found'.

Whereas if we don not add dynamic columns and autogenerate them, it works fine.

But we cannot do away with dynamic creation as that is the requirement.

Please provide the solution for same.

Can you please mark a copy of solution to:
chetan.mehta@cognizant.com

Regards
Chetan
Frameworks team, marketRx (A Cognizant company)

P.S: We have purchased Telerik UI suite but raising ticket here since the subscription has expired.

Grid

answered on 09 Apr 2009

1 answer

40 views

Page Size control fails in Chrome

I just upgraded to version 2009.1.402.35 of RAD controls and noticed the new Page Size control in grid pagers. Nice new feature! However it does not work in my Chrome 2.0.169.1. When I try to use Page Size the page refreshes but nothing changes. Works dandy in Firefox 3.0.7.

Grid

answered on 09 Apr 2009