or
I'm trying to change the calendar width of date picker.
This code is not working for me. Did I miss anything.
Thanks!
<
telerik:RadDatePicker ID="dtValue" runat="server" Width="125px">
<DateInput Width="50px"></DateInput>
<Calendar Width="50px" Height="50px" ShowRowHeaders="false" UseColumnHeadersAsSelectors="false"
CellAlign="Left" CellVAlign="Middle" FirstDayOfWeek="Default" DayNameFormat="FirstLetter"
TitleAlign="Center" runat="server" />
</telerik:RadDatePicker
| function showContextMenu(e,controlId,menuId){ |
| var control = document.getElementById(controlId); |
| var contextMenu = $find(menuId); |
| var pos; |
| pos = getControlPosition(controlId); |
| contextMenu.showAt((pos.x + control.offsetWidth), (pos.y)); |
| $telerik.cancelRawEvent(e); |
| } |
| function getControlPosition(elementId) { |
| var element = document.getElementById(elementId); |
| var left = 0; |
| var top = 0; |
| if (element != null) |
| { |
| // Try because sometimes errors on offsetParent after DOM changes. |
| try |
| { |
| do { |
| element = element.offsetParent; |
| left += element.offsetLeft; |
| top += element.offsetTop; |
| if (element != document.body && element != document.documentElement){ |
| top -= element.scrollTop; |
| left -= element.scrollLeft; |
| } |
| if(element.style.overflow != '' || element.style.overflowX != '' || element.style.overflowY != ''){break;} |
| } while(element.tagName!='BODY'); |
| } |
| catch (e) |
| { |
| // Do nothing |
| alert('error'); |
| } |
| } |
| return {x:left, y:top}; |
| } |
| <Columns> |
| <telerik:GridEditCommandColumn ButtonType="ImageButton" ItemStyle-Width="32px" HeaderStyle-Width="32px" /> |
| <telerik:GridBoundColumn DataField="LanguageCode" HeaderText="LNG" ReadOnly="True" SortExpression="LanguageCode" UniqueName="LanguageCode" ItemStyle-Width="33px" HeaderStyle-Width="33px" ItemStyle-Font-Bold="true" /> |
| <telerik:GridBoundColumn DataField="Title" HeaderText="Title" SortExpression="Title" UniqueName="Title" ItemStyle-Width="150px" HeaderStyle-Width="150px" /> |
| <telerik:GridBoundColumn DataField="TheContent" HeaderText="TheContent" ReadOnly="False" SortExpression="TheContent" UniqueName="TheContent" /> |
| <telerik:GridButtonColumn CommandName="DoActivate" Text="Aktivieren" ButtonType="PushButton" /> |
| </Columns> |
| <Columns> |
| <telerik:GridEditCommandColumn ButtonType="ImageButton" ItemStyle-Width="32px" HeaderStyle-Width="32px" > |
| <HeaderStyle Width="32px"></HeaderStyle> |
| <ItemStyle Width="32px"></ItemStyle> |
| </telerik:GridEditCommandColumn> |
| <telerik:GridBoundColumn DataField="LanguageCode" HeaderText="LNG" ReadOnly="True" SortExpression="LanguageCode" UniqueName="LanguageCode" ItemStyle-Width="33px" HeaderStyle-Width="33px" ItemStyle-Font-Bold="true" > |
| <HeaderStyle Width="33px"></HeaderStyle> |
| <ItemStyle Font-Bold="True" Width="33px"></ItemStyle> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="Title" HeaderText="Title" SortExpression="Title" UniqueName="Title" ItemStyle-Width="150px" HeaderStyle-Width="150px" > |
| <HeaderStyle Width="150px"></HeaderStyle> |
| <ItemStyle Width="150px"></ItemStyle> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn DataField="TheContent" HeaderText="TheContent" ReadOnly="False" SortExpression="TheContent" UniqueName="TheContent" /> |
| <telerik:GridButtonColumn CommandName="DoActivate" Text="Aktivieren" ButtonType="PushButton" /> |
| </Columns> |