Hi there,
I have a databound (scrolling disabled) tilegrid and am trying to set the width of the grid through code-behind. Setting RadTileList.width works, but there is a "div class='rtlistWrapper'" that appears to default to a value much lower than the width I'm setting. This causes the grid to render as a 'narrow column', rather than taking up the whole defined width. I'm assuming this is some computed value (developer tools show the value coming from Telerik.Webresource.axd), so the question is, how can I access this value from code behind?
I guess I could override the css class client-side with js, but that seems kind of messy ...
Short explanation, just to show what I'm trying to achieve: I'm creating a (reusable) user control, where the user can set the grid width, tile width and row number to make the grid fit into different page layouts - makes sense?
Thx in advance for help and/or pointers!
M.
<telerik:RadComboBox ID=
"radcmbEmployeeSearch"
runat=
"server"
EmptyMessage=
"Select Event Admin"
AllowCustomText=
"true"
EnableLoadOnDemand=
"true"
ShowMoreResultsBox=
"true"
EnableVirtualScrolling=
"true"
OnItemsRequested=
"radcmbEmployeeSearch_ItemsRequested"
Height=
"200px"
>
</telerik:RadComboBox>
<td runat=
"server"
>
<EAdm:DropDown runat=
"server"
ID=
"eventAdminDropDown"
/>
<asp:requiredfieldvalidator id=
"eventAdminRequired"
runat=
"server"
display=
"Dynamic"
controltovalidate=
"radcmbEmployeeSearch"
initialvalue=
"0"
enableclientscript=
"True"
errormessage=
"Required"
>
</asp:requiredfieldvalidator>
</td>
<
telerik:RadSplitter
ID
=
"Radsplitter"
Height
=
"100%"
Width
=
"520px"
Orientation
=
"Horizontal"
runat
=
"server"
>
<!-- Top Pane -->
<
telerik:RadPane
ID
=
"Rp1"
runat
=
"server"
Width
=
"100%"
Height
=
"300"
Scrolling
=
"Y"
>
<
asp:Panel
ID
=
"PnlMessage"
Width
=
"500px"
runat
=
"server"
>
<
div
class
=
"MessageSubject"
>
<
div
class
=
"MessageSubjectTxt"
>
<
asp:Literal
ID
=
"LitSubject"
runat
=
"server"
/>
</
div
>
<
div
class
=
"MessageSubjectBtn"
>
<
telerik:RadButton
ID
=
"BtnReply"
runat
=
"server"
Text="Reply" />
<
telerik:RadButton
ID
=
"BtnNew"
runat
=
"server"
Text="New" />
</
div
>
</
div
>
<
div
style
=
"width: 500px; padding-right:20px;"
>
<
asp:Literal
ID
=
"LitMessage"
runat
=
"server"
/>
</
div
>
</
asp:Panel
>
public
IEnumerable<AppointmentData> UpdateAppointment(SchedulerInfo schedulerInfo, AppointmentData appointmentData)
protected
void
RadScheduler1_AppointmentUpdate(
object
sender, AppointmentUpdateEventArgs e)
<
div
id
=
"Holder"
>
<
script
type
=
"text/javascript"
>
/*
<![CDATA[ */
function onTabSelecting(sender, args) {
if (args.get_tab().get_pageViewID()) {
args.get_tab().set_postBack(false);
}
}
/* ]]>
*/
</
script
>
<
div
id
=
"SidemenuBar"
>
<
telerik:RadAjaxPanel
ID
=
"RadSidePanel"
runat
=
"server"
>
<
telerik:RadMultiPage
runat
=
"server"
ID
=
"SideMultiPage"
SelectedIndex
=
"0"
>
<
telerik:RadPageView
runat
=
"server"
ID
=
"PageviewPersoneelsleden"
>
<
telerik:RadTabStrip
ID
=
"tabstripPersoneel"
runat
=
"server"
MultiPageID
=
"ContentMultiPage"
Orientation
=
"VerticalLeft"
OnClientTabSelecting
=
"onTabSelecting"
OnTabClick
=
"Sidebar_TabClick"
>
<
Tabs
>
<
telerik:RadTab
Text
=
"Personeelsfiche"
PageViewID
=
"Personeelsfiche"
runat
=
"server"
Selected
=
"True"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Arbeidsovereenkomst"
PageViewID
=
"Arbeidsovereenkomst"
runat
=
"server"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Asset"
PageViewID
=
"Asset"
runat
=
"server"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Certificaat"
PageViewID
=
"Certificaat"
runat
=
"server"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Ervaringen"
PageViewID
=
"Ervaring"
runat
=
"server"
>
</
telerik:RadTab
>
</
Tabs
>
</
telerik:RadTabStrip
>
</
telerik:RadPageView
>
<
telerik:RadPageView
ID
=
"PageviewAfwezigheden"
runat
=
"server"
>
<
telerik:RadTabStrip
ID
=
"tabstripAfwezigheden"
runat
=
"server"
MultiPageID
=
"ContentMultiPage"
Orientation
=
"VerticalLeft"
OnClientTabSelecting
=
"onTabSelecting"
OnTabClick
=
"Sidebar_TabClick"
>
<
Tabs
>
<
telerik:RadTab
Text
=
"Afwezigheid inplannen"
PageViewID
=
"Afwezigheid"
runat
=
"server"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Maandoverzicht afwezigheden"
PageViewID
=
"Maandoverzicht"
runat
=
"server"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Jaaroverzicht afwezigheden"
PageViewID
=
"Jaaroverzicht"
runat
=
"server"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Kalenderoverzicht"
PageViewID
=
"Kalender"
runat
=
"server"
>
</
telerik:RadTab
>
</
Tabs
>
</
telerik:RadTabStrip
>
</
telerik:RadPageView
>
<
telerik:RadPageView
ID
=
"PageviewWagens"
runat
=
"server"
>
<
telerik:RadTabStrip
ID
=
"TabstripWagens"
runat
=
"server"
MultiPageID
=
"ContentMultiPage"
Orientation
=
"VerticalLeft"
OnClientTabSelecting
=
"onTabSelecting"
OnTabClick
=
"Sidebar_TabClick"
>
<
Tabs
>
<
telerik:RadTab
Text
=
"Wagens"
PageViewID
=
"Wagen"
runat
=
"server"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Tankkaarten"
PageViewID
=
"Tankkaart"
runat
=
"server"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Technische onderhouden"
PageViewID
=
"Onderhoud"
runat
=
"server"
>
</
telerik:RadTab
>
<
telerik:RadTab
Text
=
"Expertiseverslagen"
PageViewID
=
"Expertiseverslag"
runat
=
"server"
>
</
telerik:RadTab
>
</
Tabs
>
</
telerik:RadTabStrip
>
</
telerik:RadPageView
>
</
telerik:RadMultiPage
>
</
telerik:RadAjaxPanel
>
</
div
>
<
div
id
=
"Content"
>
<
telerik:RadAjaxPanel
ID
=
"RadMainPanel"
runat
=
"server"
>
<
telerik:RadMultiPage
ID
=
"ContentMultiPage"
SelectedIndex
=
"0"
OnPageViewCreated
=
"ContentMultiPage_OnPageViewCreated"
runat
=
"server"
>
</
telerik:RadMultiPage
>
</
telerik:RadAjaxPanel
>
</
div
>
</
div
>
protected
void
Page_Init(
object
sender, EventArgs e)
{
if
(!Page.IsPostBack)
{
AddPageView(tabstripPersoneel.FindTabByText(
"Personeelsfiche"
));
}
}
protected
void
Sidebar_TabClick(
object
sender, RadTabStripEventArgs e)
{
AddPageView(e.Tab);
e.Tab.PageView.Selected =
true
;
}
private
void
AddPageView(RadTab tab)
{
RadPageView pageView =
new
RadPageView {ID = tab.PageViewID};
ContentMultiPage.PageViews.Add(pageView);
}
protected
void
ContentMultiPage_OnPageViewCreated(
object
sender, RadMultiPageEventArgs e)
{
string
userControlName =
"/Controls/"
+ e.PageView.ID +
"Weergave.ascx"
;
Control userControl = Page.LoadControl(userControlName);
userControl.ID = e.PageView.ID +
"_userControl"
;
e.PageView.Controls.Add(userControl);
}
<telerik:RadScheduler runat="server" ID="RadScheduler1" Skin="Outlook" Height="630px"
WorkDayStartTime="06:00:00" WorkDayEndTime="22:00:00" DayStartTime="06:00:00"
DayEndTime="22:00:00" TimeZoneOffset="00:00:00" DataKeyField="REP_APPT_ID" DataSubjectField="Subject"
CustomAttributeNames="RECUR_SERIES_ID" DataStartField="START_DT_TIME" DataEndField="END_DT_TIME"
AllowEdit="false" AllowInsert="false" ShowViewTabs="false"
NumberOfHoveredRows="1" MinutesPerRow="15" TimeLabelRowSpan="2" HoursPanelTimeFormat="h:mm tt"
AppointmentStyleMode="Default" OnClientAppointmentDoubleClick="OnClientAppointmentDoubleClick"
OnClientTimeSlotClick="OnClientTimeSlotClick"
AllowDelete="false" >
</telerik:RadScheduler>