Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
47 views
Hi,

I have a rendering issue when allowing the FilterByColumn option (the date columns get waaay too wide). I saw that it was quite common over the forum, and that the solution was to just set a column width, but my problem is that I can't predict how many columns are going to be needed, and the width is dynamic.

Is there a solution to this problem ?

Thanks
Angel Petrov
Telerik team
 answered on 29 Oct 2012
4 answers
235 views

Hello!

I add RadPanelItems dynamic and also adding CheckBoxes to each.
How do loop through all RadPanelItems and find CheckBoxes and get there state?

// Anders

Anders
Top achievements
Rank 1
 answered on 29 Oct 2012
1 answer
174 views
I have a chart with a datatable that contains long x-axis labels.  I added wordwrap to the labels so they wouldn't overlap into the neighboring cells but the wordwrap isn't working too well.

You can see examples on the file attached:

  1. The first column has plenty of room on the right side of the cell but it still chooses to wordwrap to the 2nd line
  2. The fourth column cuts off the label and appends "..." to the end.  Again what is strange is that there is still plenty of room to display the label but instead it gets cut off.

Are these known issues or am I doing something wrong?
Petar Kirov
Telerik team
 answered on 29 Oct 2012
5 answers
120 views
Double Click Dock Title to rename it  Problem ... Text Box not focus
This Problem for :
RadControls for ASP.NET AJAX Q2 2008 SP1 (Version Number 2008.2.826)
RadControls for ASP.NET AJAX Q2 2008 (Version Number 2008.2.723)
Slav
Telerik team
 answered on 29 Oct 2012
3 answers
148 views
I created a custom skin starting with the SiteFinity skin.  Everything works as expected except for the dropdown on the splitbutton.  It has a black border instead of the rounded corners like the sitefinity skin.  Not sure what I'm missing.

/* <RadToolBar / Custom> */
 
/* <tool wrapper> */
 
/* <horizontal> */
 
/*.RadToolBar_Custom .rtbOuter
{
    border: 1px solid #e8e8e8;
}*/
 
.RadToolBar_Custom .rtbMiddle
{
    background: transparent;
}
 
/* </horizontal> */
 
/* </tool wrapper> */
 
/* <buttons> */
 
div.RadToolBar_Custom_Horizontal .rtbItem
{
    margin: 0 3px;
}
 
div.RadToolBar_Custom_Vertical .rtbItem
{
    margin: 3px 0;
}
 
div.RadToolBar_Custom_Vertical .rtbSeparator
{
    width: 30px;
}
 
.RadToolBar_Custom .rtbWrap,
.RadToolBar_Custom .rtbTemplate
{
    color: #333333;
    font: normal 12px/19px "Segoe UI", Arial, Helvetica, sans-serif;
}
 
div.RadToolBar_Custom .rtbMid
{
    padding: 0 5px 5px 0;
}
 
div.RadToolBar_Custom .rtbIn
{
    padding: 2px 0 0 5px;
    overflow: hidden;
}
 
div.RadToolBar_Custom .rtbIcon
{
    padding: 0 2px;
}
 
div.RadToolBar_Custom .rtbChoiceArrow
{
    height: 16px;
}
 
div.RadToolBar_Custom .rtbVOriented .rtbChoiceArrow
{
    margin-top: -7px;
}
 
 
/* <button states> */
 
.RadToolBar_Custom .rtbItem .rtbWrap,
.RadToolBar_Custom .rtbItem .rtbOut,
.RadToolBar_Custom .rtbItem .rtbMid,
.RadToolBar_Custom .rtbItem .rtbIn
{
    background-image: url('ToolBar/rtbNormalBg.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
* html .RadToolBar_Custom .rtbItem .rtbWrap,
* html .RadToolBar_Custom .rtbItem .rtbOut,
* html .RadToolBar_Custom .rtbItem .rtbMid,
* html .RadToolBar_Custom .rtbItem .rtbIn
{
    background-image: url('ToolBar/rtbNormalBgIE6.png');
}
 
.RadToolBar_Custom .rtbSplBtnFocused .rtbWrap, .RadToolBar_Custom .rtbSplBtnFocused .rtbOut, .RadToolBar_Custom .rtbSplBtnFocused .rtbMid, .RadToolBar_Custom .rtbSplBtnFocused .rtbIn,
.RadToolBar_Custom .rtbItemFocused .rtbWrap, .RadToolBar_Custom .rtbItemFocused .rtbOut, .RadToolBar_Custom .rtbItemFocused .rtbMid, .RadToolBar_Custom .rtbItemFocused .rtbIn,
.RadToolBar_Custom .rtbItemHovered .rtbWrap, .RadToolBar_Custom .rtbItemHovered .rtbOut, .RadToolBar_Custom .rtbItemHovered .rtbMid, .RadToolBar_Custom .rtbItemHovered .rtbIn
{
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url('ToolBar/rtbHoverBg.png');
}
 
* html .RadToolBar_Custom .rtbSplBtnFocused .rtbWrap, * html .RadToolBar_Custom .rtbSplBtnFocused .rtbOut, * html .RadToolBar_Custom .rtbSplBtnFocused .rtbMid, * html .RadToolBar_Custom .rtbSplBtnFocused .rtbIn,
* html .RadToolBar_Custom .rtbItemFocused .rtbWrap, * html .RadToolBar_Custom .rtbItemFocused .rtbOut, * html .RadToolBar_Custom .rtbItemFocused .rtbMid, * html .RadToolBar_Custom .rtbItemFocused .rtbIn,
* html .RadToolBar_Custom .rtbItemHovered .rtbWrap, * html .RadToolBar_Custom .rtbItemHovered .rtbOut, * html .RadToolBar_Custom .rtbItemHovered .rtbMid, * html .RadToolBar_Custom .rtbItemHovered .rtbIn
{
    background-image: url('ToolBar/rtbHoverBgIE6.png');
}
 
.RadToolBar_Custom .rtbItemClicked .rtbWrap, .RadToolBar_Custom .rtbItemClicked .rtbOut, .RadToolBar_Custom .rtbItemClicked .rtbMid, .RadToolBar_Custom .rtbItemClicked .rtbIn,
.RadToolBar_Custom .rtbSplBtnExpanded .rtbWrap, .RadToolBar_Custom .rtbSplBtnExpanded .rtbOut, .RadToolBar_Custom .rtbSplBtnExpanded .rtbMid, .RadToolBar_Custom .rtbSplBtnExpanded .rtbIn,
.RadToolBar_Custom .rtbDropDownExpanded .rtbWrap, .RadToolBar_Custom .rtbDropDownExpanded .rtbOut, .RadToolBar_Custom .rtbDropDownExpanded .rtbMid, .RadToolBar_Custom .rtbDropDownExpanded .rtbIn,
.RadToolBar_Custom .rtbChecked .rtbWrap, .RadToolBar_Custom .rtbChecked .rtbOut, .RadToolBar_Custom .rtbChecked .rtbMid, .RadToolBar_Custom .rtbChecked .rtbIn
{
    background-image: url('ToolBar/rtbActiveBg.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
* html .RadToolBar_Custom .rtbItemClicked .rtbWrap, * html .RadToolBar_Custom .rtbItemClicked .rtbOut, * html .RadToolBar_Custom .rtbItemClicked .rtbMid, * html .RadToolBar_Custom .rtbItemClicked .rtbIn,
* html .RadToolBar_Custom .rtbSplBtnExpanded .rtbWrap, * html .RadToolBar_Custom .rtbSplBtnExpanded .rtbOut, * html .RadToolBar_Custom .rtbSplBtnExpanded .rtbMid, * html .RadToolBar_Custom .rtbSplBtnExpanded .rtbIn,
* html .RadToolBar_Custom .rtbDropDownExpanded .rtbWrap, * html .RadToolBar_Custom .rtbDropDownExpanded .rtbOut, * html .RadToolBar_Custom .rtbDropDownExpanded .rtbMid, * html .RadToolBar_Custom .rtbDropDownExpanded .rtbIn,
* html .RadToolBar_Custom .rtbChecked .rtbWrap, * html .RadToolBar_Custom .rtbChecked .rtbOut, * html .RadToolBar_Custom .rtbChecked .rtbMid, * html .RadToolBar_Custom .rtbChecked .rtbIn
{
    background-image: url('ToolBar/rtbActiveBgIE6.png');
}
 
.RadToolBar_Custom .rtbItemFocused .rtbWrap,
.RadToolBar_Custom .rtbChecked .rtbWrap,
.RadToolBar_Custom .rtbDropDownExpanded .rtbWrap,
.RadToolBar_Custom .rtbSplBtnExpanded .rtbWrap,
.RadToolBar_Custom .rtbItemHovered .rtbWrap,
.RadToolBar_Custom .rtbItemClicked .rtbWrap
{
    color: #000000;
}
 
/* </button states> */
 
/* <Drop Down Arrows> */
 
 
.RadToolBar_Custom .rtbSplBtn .rtbChoiceArrow,
.RadToolBar_Custom .rtbItem .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Custom .rtbChoiceArrow
{
    background-image: url('ToolBar/rtbDropArrows.png');
}
 
.RadToolBar_Custom .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Custom .rtbExpandUp .rtbVOriented .rtbChoiceArrow
{
    background-image: url('ToolBar/rtbUpArrows.png');
}
 
.RadToolBar_Custom .rtbSplBtnExpanded .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Custom .rtbSplBtnExpanded .rtbChoiceArrow,
.RadToolBar_Custom .rtbDropDownExpanded .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Custom .rtbDropDownExpanded .rtbChoiceArrow,
.RadToolBar_Custom .rtbSplBtnHovered .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Custom .rtbSplBtnHovered .rtbChoiceArrow,
.RadToolBar_Custom .rtbItemHovered .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Custom .rtbItemHovered .rtbChoiceArrow,
.RadToolBar_Custom .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Custom .rtbSplBtnClicked .rtbChoiceArrow,
.RadToolBar_Custom .rtbItemClicked .rtbVOriented .rtbChoiceArrow,
.RadToolBar_Custom .rtbItemClicked .rtbChoiceArrow
{
    background-color: transparent;
    background-image: url('ToolBar/rtbHoverDropArrows.png');
    background-repeat: no-repeat;
}
 
.RadToolBar_Custom .rtbSplBtnExpanded .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Custom .rtbDropDownExpanded .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Custom .rtbSplBtnHovered .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Custom .rtbItemHovered .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Custom .rtbSplBtnClicked .rtbExpandUp .rtbChoiceArrow,
.RadToolBar_Custom .rtbItemClicked .rtbExpandUp .rtbChoiceArrow
{
    background-image: url('ToolBar/rtbHoverUpArrows.png');
}
 
/* </Drop Down Arrows> */
 
.RadToolBar_Custom_Horizontal li.rtbSeparator
{
    border-left: 1px solid #474747;
    background: #a1a1a1;
}
 
.RadToolBar_Custom_Vertical li.rtbSeparator
{
    border-top: 1px solid #474747;
    background: #a1a1a1;
}
 
* html .RadToolBar_Custom .rtbSplBtnActivator { margin-top /**/: 2px; } /* IE Quirksmode hack */
 
*+html div.RadToolBar_Custom .rtbIn { vertical-align: top; }
* html div.RadToolBar_Custom .rtbIn { vertical-align: top; }
 
*+html div.RadToolBar_Custom .rtbIn * { vertical-align: middle; }
* html div.RadToolBar_Custom .rtbIn * { vertical-align: middle; }
 
/* </buttons> */
 
 
/* <disabled states> */
 
.RadToolBar_Custom .rtbDisabled .rtbWrap,
.RadToolBar_Custom .rtbDisabled .rtbOut,
.RadToolBar_Custom .rtbDisabled .rtbMid,
.RadToolBar_Custom .rtbDisabled .rtbIn,
.RadToolBar_Custom .rtbDisabled .rtbWrap:hover,
.RadToolBar_Custom .rtbDisabled .rtbWrap:hover .rtbOut,
.RadToolBar_Custom .rtbDisabled .rtbWrap:hover .rtbMid,
.RadToolBar_Custom .rtbDisabled .rtbWrap:hover .rtbIn
{
    background-image: url('ToolBar/rtbDisabledBg.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
* html .RadToolBar_Custom .rtbDisabled .rtbWrap,
* html .RadToolBar_Custom .rtbDisabled .rtbOut,
* html .RadToolBar_Custom .rtbDisabled .rtbMid,
* html .RadToolBar_Custom .rtbDisabled .rtbIn,
* html .RadToolBar_Custom .rtbDisabled .rtbWrap:hover,
* html .RadToolBar_Custom .rtbDisabled .rtbWrap:hover .rtbOut,
* html .RadToolBar_Custom .rtbDisabled .rtbWrap:hover .rtbMid,
* html .RadToolBar_Custom .rtbDisabled .rtbWrap:hover .rtbIn
{
    background-image: url('ToolBar/rtbDisabledBgIE6.png');
}
 
.RadToolBar_Custom .rtbDisabled .rtbWrap { color: #999999; }
 
/* Opacity hack for IE */
.RadToolBar .rtbDisabled .rtbIcon,
.RadToolBar .rtbDisabled .rtbChoiceArrow
{
    filter: alpha(opacity=40)\9;
    -ms-filter: "alpha(opacity=40)"\9;
}
 
div.RadToolBar .rtbDisabled { opacity: 1; -moz-opacity: 1 }
.RadToolBar .rtbDisabled .rtbIcon,
.RadToolBar .rtbDisabled .rtbChoiceArrow { -moz-opacity: .4; opacity: .4; }
 
/* </disabled states> */
 
/* <background positions> */
 
.RadToolBar .rtbItem .rtbWrap { background-position: 0 100%; }
.RadToolBar .rtbItem .rtbOut { background-position: 100% 0; }
.RadToolBar .rtbItem .rtbMid { background-position: 100% 100%; }
.RadToolBar .rtbItem .rtbIn { background-position: 0 0; }
 
.RadToolBar .rtbDisabled .rtbWrap { background-position: 0 100%; }
.RadToolBar .rtbDisabled .rtbOut { background-position: 100% 0; }
.RadToolBar .rtbDisabled .rtbMid { background-position: 100% 100%; }
.RadToolBar .rtbDisabled .rtbIn { background-position: 0 0; }
 
/* </background positions> */
 
/* <drop-down> */
 
/* <Drop Down rounded corners and shadows> */
 
.RadToolBarDropDown_Custom .rtbTopFix,
.RadToolBarDropDown_Custom .rtbBottomFix,
.RadToolBarDropDown_Custom .rtbGroup
{
    background-color: #ffffff;
    /*background-repeat: repeat-y;
    background-image:none !important;*/
}
 
.RadToolBarDropDown_Custom .rtbBottomLeft,
.RadToolBarDropDown_Custom .rtbRoundedCorners
{
    background-image:  url('ToolBar/rtbRoundedLeft.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadToolBarDropDown_Custom .rtbTopRight,
.RadToolBarDropDown_Custom .rtbBottomRight
{
    background-image:  url('ToolBar/rtbRoundedRight.png');
    background-color: transparent;
    background-repeat: no-repeat;
}
 
.RadToolBarDropDown_Custom div.rtbTopFix,
.RadToolBarDropDown_Custom div.rtbBottomFix
{
    border: 0;
}
 
/* </Drop Down rounded corners and shadows> */
 
div.RadToolBarDropDown_Custom
{
    border-color: #c4c4c4;
    background-color: #ffffff;
     
     
}
 
.RadToolBarDropDown_Custom .rtbWrap,
.RadToolBarDropDown_Custom .rtbTemplate
{
    color: #b5b5b5;
    font: normal 12px/19px "Segoe UI", Arial, Helvetica, sans-serif !important;
     
}
 
.RadToolBarDropDown_Custom .rtbItemHovered,
.RadToolBarDropDown_Custom .rtbItemHovered .rtbWrap
{
    text-decoration: underline;
}
 
.RadToolBarDropDown_Custom .rtbItemFocused,
.RadToolBarDropDown_Custom .rtbItemFocused .rtbWrap
{
    color: #000000;
}
 
.RadToolBarDropDown_Custom .rtbDisabled .rtbWrap
{
    color: #8a8a8a;
}
 
.RadToolBarDropDown_Custom .rtbSeparator
{
    border-color: #c9c9c9;
    background: #ffffff;
}
.RadToolBarDropDown_Custom .rtbWrap
 
    {
  
      background-color:White !important;
      padding:3px !important;
      background-image:none !important;
      font: normal 12px/19px "Segoe UI", Arial, Helvetica, sans-serif !important;
    }
 
/* </drop-down> */
 
/* </RadToolBar / Custom> */
Kate
Telerik team
 answered on 29 Oct 2012
4 answers
328 views
All I want to do is fire off a command to kick a RadGrid into Add mode on the initial load of a page.

If I put the command RadGrid1.MasterTableView.Items[0].FireCommandEvent("InitInsert", ""); into a button click event it does exactly what I want to do.

If I try to put it into any Grid or page event, it crashes.  None of the examples that I've found so far in the forums seem to work.

Sorry.  Found it.  (Not intuitively obvious....)

protected void RadGrid1_PreRender(object sender, EventArgs e)

{

    RadGrid1.MasterTableView.IsItemInserted = true; // Check for the !IsPostBack also for initial page load

    RadGrid1.Rebind();

}

Boris
Top achievements
Rank 1
 answered on 29 Oct 2012
5 answers
125 views
I've downloaded the RadControlsAJAXCourseware and I am more than a little frustrated.  Every project I've opened appears to have problems.  (Why should I have to add using statements to every web page in every project????)   On the other hand I have to admit that I am more familiar with Web Projects than Websites.

For now I'd like some help with the ObjectDataSourceDemo.  I've copied in our licensed 3.5 dlls to BIN and compiled.  There appears to be a problem with the Tasks.cs file.  If I click on the Object Data Source and try to refresh the schema I get the message 'The type 'ObjectDataSourceDemo.Tasks could not be loaded.  If the type is located in the App_Code folder, please check that it compiles.'  

(Everything appears to compile normally.  So far I've been unable to find a coherent explanation of this problem on the web.)

Kate
Telerik team
 answered on 29 Oct 2012
2 answers
111 views
I am trying to modify the look and feel for the default radgrid.
I have done the embeddedskin and embeddedstylesheet set to false.
i get the header body correct but my pager row for the paging and filter columns gets messed up.
can i get the original css styles that aligns the elements correctly...
Uttam Dhakal
Top achievements
Rank 1
 answered on 29 Oct 2012
2 answers
139 views
Hello experts

i am not understanding where i am wrong please help me ....

i have a radgrid and i need to validate designed control.
am using
<ValidationSettings EnableValidation="true" CommandsToValidate="Update, PerformInsert" ValidationGroup="EditMode />

 <EditItemTemplate>
                                        <telerik:RadDatePicker ID="dtTravelDate" DateInput-DateFormat="MM/dd/yyyy" DateInput-DisplayDateFormat="MM/dd/yyyy"
                                            DbSelectedDate='<%# Eval("Travel_Date") %>' runat="server" CssClass="ClaimDateControl"
                                            Width="100px">
                                        </telerik:RadDatePicker>
                                        <asp:RequiredFieldValidator ID="reqTravelDate" runat="server" ControlToValidate="dtTravelDate"
                                            ErrorMessage="Please Enter Travel Date." Display="None"  ValidationGroup="EditMode"> </asp:RequiredFieldValidator>
                                    </EditItemTemplate>
and so on

and end of the template am using validation summary.

<asp:ValidationSummary ID="summuryEdit" runat="server" ShowMessageBox="true" ShowSummary="false" Enabled="true" ValidationGroup="EditMode"  EnableClientScript="true"/>

please help me its very urgent ...

Mahendra
Top achievements
Rank 1
 answered on 29 Oct 2012
1 answer
109 views
Hi All,
We upgraded to the new version 2012.3.1016 of Telerik controls only to notice that, every time a new image is shown by the rotator, it shifts a few pixels to the left. First, we noticed the problem in IE, while FF was fine. The quick fix was to increase the size of the control by one pixel on all each side (left, right, top and bottom). That solved it for IE, but now the same problem appeared in FF.

Here is the code:
<telerik:RadRotator
    ID="AdRadRotator" runat="server" Width="220px" ItemWidth="218px" ForeColor="White"
    Height="290" ItemHeight="288" FrameDuration="5000" EnableRandomOrder="true"
    RotatorType="SlideShow" EnableEmbeddedSkins="false" WrapFrames="true">
    <ItemTemplate>
        <table cellspacing="0" cellpadding="0" width="100%">
            <tr>
                <td>
                    <a href="<%# Eval("DocURL")%>" target='_new'>
                        <img border="0" alt="" src="../../Member/Common/DisplayAd.aspx?id=<%# Eval("ImgID")%>&Type=A"
                            width="<%# Eval("ImgWidth")%>" height="<%# Eval ("ImgHeight")%>" />
                    </a>
                </td>
            </tr>
        </table>
    </ItemTemplate>
</telerik:RadRotator>

As you can see from the attributes, the fix for IE was to set the Width of the control to 220px, while keeping ItemWidth at 218px, which is the size of the image. Similarly for Height and ItemHeight (this may not have been necessary, but I wanted to have an even border around the image. Later I set the foreground to white and the border disappeared).

This seems to be a bug in the new version of the DLLs. The question for the Telerik team is whether a quick fix exists for both IE and FF, or do we have to roll back to the previous DLLs.

Thanks.
SorinC
Top achievements
Rank 1
 answered on 29 Oct 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?