Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
157 views
Hey at Telerik

I have the well known problem with height 100 percent not working. The width doesn't seem to work either.

I have included a sample project illustrating my problem.

http://kort2.lifa.dk/publicdownload/RadGridHeightIssuePacked.rar

I would like the width and height of the RadGrid to max to the browser window. If the content is bigger than the browser window only the RadGrid will scroll.

I have tried nomurous solutions without succes.

Hope you can help me.

Sincerly Jan
Pavlina
Telerik team
 answered on 29 Oct 2012
1 answer
37 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
210 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
152 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
102 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
119 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
286 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
108 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
94 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
128 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?