or
3 answers
1.1K+ views
Hi All,
In my application I need to implement countdown timer for session time out. Is any control available in telerik rad controls for this.
Thanks in advance.
Regards,
Pavan
In my application I need to implement countdown timer for session time out. Is any control available in telerik rad controls for this.
Thanks in advance.
Regards,
Pavan
Rumen
Telerik team
answered
on
11 Dec 2017
11 answers
1.1K+ views
I just updated to the new Q3 release of telerik controls. I am utilizing the header context menu attribute of radgrid by setting EnableHeaderContextMenu="true". Some of my grids contain GridTemplateColumns which contain controls such as image buttons, etc... I don't want these types of columns to show up in the header context menu. I have been unable to find a way to stop certain columns from being added to the header context menu of a radgrid. Is this possible? I would assume that there would be some kind of attribute on a column I can set to not show in headercontextmenu. I found that I can catch the click using OnColumnContextMenu but at that point I have been unable to get a handle on the headercontextmenu of the grid to remove items/options. Thanks in advance for any help...
2 answers
691 views
I am getting a post error from a calendar object.
An error has occurred because a control with id 'ctl00$MainContent$tsupcontrol_4' could not be located or a different control is assigned to the same ID after postback. If the ID is not assigned, explicitly set the ID property of controls that raise postback events to avoid this error.
I adding a few lines of code that generates all this HTML.
<div class="form-group"> <label for="ctl00_MainContent_tsupcontrol_4" class="control-label col-md-3">Birth Date</label><div class="col-md-9"> <div id="ctl00_MainContent_tsupcontrol_4_wrapper" class="RadPicker RadPicker_MetroTouch" style="display:inline-block;width:300px;"> <input style="visibility:hidden;display:block;float:right;margin:0 0 -1px -1px;width:1px;height:1px;overflow:hidden;border:0;padding:0;" id="ctl00_MainContent_tsupcontrol_4" name="ctl00$MainContent$tsupcontrol_4" type="text" class="rdfd_ radPreventDecorate" value="1980-12-12" title="Visually hidden input created for functionality purposes." /><table cellspacing="0" class="rcTable rcSingle" summary="Table holding date picker control for selection of dates." style="width:100%;"> <caption style="display:none;"> RadDatePicker </caption><thead style="display:none;"> <tr> <th scope="col">RadDatePicker</th> </tr> </thead><tbody> <tr> <td class="rcInputCell" style="width:100%;"><span id="ctl00_MainContent_tsupcontrol_4_dateInput_wrapper" class="riSingle RadInput RadInput_MetroTouch" style="display:block;width:100%;"><input id="ctl00_MainContent_tsupcontrol_4_dateInput" name="ctl00$MainContent$tsupcontrol_4$dateInput" class="riTextBox riEnabled" value="Friday December 12, 1980" type="text" /><input id="ctl00_MainContent_tsupcontrol_4_dateInput_ClientState" name="ctl00_MainContent_tsupcontrol_4_dateInput_ClientState" type="hidden" /></span></td><td><a title="Open the calendar popup." href="#" id="ctl00_MainContent_tsupcontrol_4_popupButton" class="rcCalPopup">Open the calendar popup.</a><div id="ctl00_MainContent_tsupcontrol_4_calendar_wrapper" style="display:none;"> <table id="ctl00_MainContent_tsupcontrol_4_calendar" cellspacing="0" class="RadCalendar RadCalendar_MetroTouch"> <caption> <span style='display:none;'>Calendar</span> </caption><thead> <tr> <td class="rcTitlebar"><table cellspacing="0"> <caption> <span style='display:none;'>Title and navigation</span> </caption><thead> <tr style="display:none;"> <th scope="col">Title and navigation</th> </tr> </thead><tbody> <tr> <td><a id="ctl00_MainContent_tsupcontrol_4_calendar_FNP" class="t-button rcFastPrev" title="<<" href="#"><<</a></td><td><a id="ctl00_MainContent_tsupcontrol_4_calendar_NP" class="t-button rcPrev" title="<" href="#"><</a></td><td id="ctl00_MainContent_tsupcontrol_4_calendar_Title" class="rcTitle">December, 2017</td><td><a id="ctl00_MainContent_tsupcontrol_4_calendar_NN" class="t-button rcNext" title=">" href="#">></a></td><td><a id="ctl00_MainContent_tsupcontrol_4_calendar_FNN" class="t-button rcFastNext" title=">>" href="#"><<</a></td> </tr></tbody> </table></td> </tr> </thead><tbody> <tr> <td class="rcMain"><table id="ctl00_MainContent_tsupcontrol_4_calendar_Top" class="rcMainTable" cellspacing="0"> <caption> <span style='display:none;'>December, 2017</span> </caption><thead> <tr class="rcWeek"> <th class="rcViewSel" scope="col"> </th><th id="ctl00_MainContent_tsupcontrol_4_calendar_Top_cs_1" title="Sunday" scope="col">S</th><th id="ctl00_MainContent_tsupcontrol_4_calendar_Top_cs_2" title="Monday" scope="col">M</th><th id="ctl00_MainContent_tsupcontrol_4_calendar_Top_cs_3" title="Tuesday" scope="col">T</th><th id="ctl00_MainContent_tsupcontrol_4_calendar_Top_cs_4" title="Wednesday" scope="col">W</th><th id="ctl00_MainContent_tsupcontrol_4_calendar_Top_cs_5" title="Thursday" scope="col">T</th><th id="ctl00_MainContent_tsupcontrol_4_calendar_Top_cs_6" title="Friday" scope="col">F</th><th id="ctl00_MainContent_tsupcontrol_4_calendar_Top_cs_7" title="Saturday" scope="col">S</th> </tr> </thead><tbody> <tr class="rcRow"> <th id="ctl00_MainContent_tsupcontrol_4_calendar_Top_rs_1" scope="row">48</th><td class="rcOtherMonth" title="Sunday, November 26, 2017"><a href="#">26</a></td><td class="rcOtherMonth" title="Monday, November 27, 2017"><a href="#">27</a></td><td class="rcOtherMonth" title="Tuesday, November 28, 2017"><a href="#">28</a></td><td class="rcOtherMonth" title="Wednesday, November 29, 2017"><a href="#">29</a></td><td class="rcOtherMonth" title="Thursday, November 30, 2017"><a href="#">30</a></td><td title="Friday, December 01, 2017"><a href="#">1</a></td><td class="rcWeekend" title="Saturday, December 02, 2017"><a href="#">2</a></td> </tr><tr class="rcRow"> <th id="ctl00_MainContent_tsupcontrol_4_calendar_Top_rs_2" scope="row">49</th><td class="rcWeekend" title="Sunday, December 03, 2017"><a href="#">3</a></td><td title="Monday, December 04, 2017"><a href="#">4</a></td><td title="Tuesday, December 05, 2017"><a href="#">5</a></td><td title="Wednesday, December 06, 2017"><a href="#">6</a></td><td title="Thursday, December 07, 2017"><a href="#">7</a></td><td title="Friday, December 08, 2017"><a href="#">8</a></td><td class="rcWeekend" title="Saturday, December 09, 2017"><a href="#">9</a></td> </tr><tr class="rcRow"> <th id="ctl00_MainContent_tsupcontrol_4_calendar_Top_rs_3" scope="row">50</th><td class="rcWeekend" title="Sunday, December 10, 2017"><a href="#">10</a></td><td title="Monday, December 11, 2017"><a href="#">11</a></td><td title="Tuesday, December 12, 2017"><a href="#">12</a></td><td title="Wednesday, December 13, 2017"><a href="#">13</a></td><td title="Thursday, December 14, 2017"><a href="#">14</a></td><td title="Friday, December 15, 2017"><a href="#">15</a></td><td class="rcWeekend" title="Saturday, December 16, 2017"><a href="#">16</a></td> </tr><tr class="rcRow"> <th id="ctl00_MainContent_tsupcontrol_4_calendar_Top_rs_4" scope="row">51</th><td class="rcWeekend" title="Sunday, December 17, 2017"><a href="#">17</a></td><td title="Monday, December 18, 2017"><a href="#">18</a></td><td title="Tuesday, December 19, 2017"><a href="#">19</a></td><td title="Wednesday, December 20, 2017"><a href="#">20</a></td><td title="Thursday, December 21, 2017"><a href="#">21</a></td><td title="Friday, December 22, 2017"><a href="#">22</a></td><td class="rcWeekend" title="Saturday, December 23, 2017"><a href="#">23</a></td> </tr><tr class="rcRow"> <th id="ctl00_MainContent_tsupcontrol_4_calendar_Top_rs_5" scope="row">52</th><td class="rcWeekend" title="Sunday, December 24, 2017"><a href="#">24</a></td><td title="Monday, December 25, 2017"><a href="#">25</a></td><td title="Tuesday, December 26, 2017"><a href="#">26</a></td><td title="Wednesday, December 27, 2017"><a href="#">27</a></td><td title="Thursday, December 28, 2017"><a href="#">28</a></td><td title="Friday, December 29, 2017"><a href="#">29</a></td><td class="rcWeekend" title="Saturday, December 30, 2017"><a href="#">30</a></td> </tr><tr class="rcRow"> <th id="ctl00_MainContent_tsupcontrol_4_calendar_Top_rs_6" scope="row">53</th><td class="rcWeekend" title="Sunday, December 31, 2017"><a href="#">31</a></td><td class="rcOtherMonth" title="Monday, January 01, 2018"><a href="#">1</a></td><td class="rcOtherMonth" title="Tuesday, January 02, 2018"><a href="#">2</a></td><td class="rcOtherMonth" title="Wednesday, January 03, 2018"><a href="#">3</a></td><td class="rcOtherMonth" title="Thursday, January 04, 2018"><a href="#">4</a></td><td class="rcOtherMonth" title="Friday, January 05, 2018"><a href="#">5</a></td><td class="rcOtherMonth" title="Saturday, January 06, 2018"><a href="#">6</a></td> </tr> </tbody></table></td> </tr></tbody> </table><input type="hidden" name="ctl00_MainContent_tsupcontrol_4_calendar_SD" id="ctl00_MainContent_tsupcontrol_4_calendar_SD" value="[]" /><input type="hidden" name="ctl00_MainContent_tsupcontrol_4_calendar_AD" id="ctl00_MainContent_tsupcontrol_4_calendar_AD" value="[[1800,1,1],[2023,1,1],[2017,12,6]]" /> </div></td> </tr> </tbody> </table><input id="ctl00_MainContent_tsupcontrol_4_ClientState" name="ctl00_MainContent_tsupcontrol_4_ClientState" type="hidden" /> </div> </div> </div><div class="form-group"> <span class="control-label col-md-3"><span></span></span><div class="col-md-9"> <span id="MainContent_tsupcontrol_5"><table class="SignupChecks"> <tr> <td><span class="checkbox"><input id="MainContent_SignUpCheck_4_1" type="checkbox" name="ctl00$MainContent$SignUpCheck_4_1" /><label for="MainContent_SignUpCheck_4_1"><strong>Period One</strong></label></span></td> </tr><tr> <td><span class="checkbox"><input id="MainContent_SignUpCheck_4_2" type="checkbox" name="ctl00$MainContent$SignUpCheck_4_2" checked="checked" /><label for="MainContent_SignUpCheck_4_2"><span style="color: #ff0000;">Second Period</span></label></span></td> </tr><tr> <td><span class="checkbox"><input id="MainContent_SignUpCheck_4_6" type="checkbox" name="ctl00$MainContent$SignUpCheck_4_6" checked="checked" /><label for="MainContent_SignUpCheck_4_6"><span style="color: #7030a0;">Third Period</span></label></span></td> </tr> </table></span> </div> </div><div class="form-group"> <span class="control-label col-md-3"><span></span></span><div class="col-md-3"> </div><div class="col-md-9"> <span id="MainContent_tsup_JoinButton"><table id="MainContent_CommandButtonTable" class="FormButtonTable"> <tr> <td><span id="ctl00_MainContent_CommandButtonSubmit" class="RadButton RadButton_MetroTouch rbSkinnedButton"><input class="rbDecorated" type="submit" name="ctl00$MainContent$CommandButtonSubmit_input" id="ctl00_MainContent_CommandButtonSubmit_input" value="Update" /><input id="ctl00_MainContent_CommandButtonSubmit_ClientState" name="ctl00_MainContent_CommandButtonSubmit_ClientState" type="hidden" /></span></td><td><span id="ctl00_MainContent_CommandButtonClose" class="RadButton RadButton_MetroTouch rbSkinnedButton"><input class="rbDecorated" type="submit" name="ctl00$MainContent$CommandButtonClose_input" id="ctl00_MainContent_CommandButtonClose_input" value="Close" /><input id="ctl00_MainContent_CommandButtonClose_ClientState" name="ctl00_MainContent_CommandButtonClose_ClientState" type="hidden" /></span></td> </tr> </table></span> </div> </div> </div></div> </div> </div>
And it also produces this code in the HTML.
Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadDateInput, {"_displayText":"Friday December 12, 1980","_focused":false,"_initialValueAsText":"1980-12-12-00-00-00","_postBackEventReferenceScript":"__doPostBack(\u0027ctl00$MainContent$tsupcontrol_4\u0027,\u0027\u0027)","_skin":"MetroTouch","_validationText":"1980-12-12-00-00-00","clientStateFieldID":"ctl00_MainContent_tsupcontrol_4_dateInput_ClientState","dateFormat":"yyyy-MM-dd","dateFormatInfo":{"DayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"MonthNames":["January","February","March","April","May","June","July","August","September","October","November","December",""],"AbbreviatedDayNames":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"AbbreviatedMonthNames":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"AMDesignator":"AM","PMDesignator":"PM","DateSeparator":"-","TimeSeparator":":","FirstDayOfWeek":0,"DateSlots":{"Month":1,"Day":2,"Year":0},"ShortYearCenturyEnd":2029,"TimeInputOnly":false,"MonthYearOnly":false},"displayDateFormat":"dddd MMMM d, yyyy","enabled":true,"incrementSettings":{InterceptArrowKeys:true,InterceptMouseWheel:true,Step:1},"maxDate":"2023-01-01-00-00-00","minDate":"1800-01-01-00-00-00","styles":{HoveredStyle: ["width:100%;", "riTextBox riHover"],InvalidStyle: ["width:100%;", "riTextBox riError"],DisabledStyle: ["width:100%;", "riTextBox riDisabled"],FocusedStyle: ["width:100%;", "riTextBox riFocused"],EmptyMessageStyle: ["width:100%;", "riTextBox riEmpty"],ReadOnlyStyle: ["width:100%;", "riTextBox riRead"],EnabledStyle: ["width:100%;", "riTextBox riEnabled"]}}, null, null, $get("ctl00_MainContent_tsupcontrol_4_dateInput"));});Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadCalendar, {"_DayRenderChangedDays":{},"_FormatInfoArray":[["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],["January","February","March","April","May","June","July","August","September","October","November","December",""],["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",""],"MMMM d, yyyy h:mm:ss tt","MMMM d, yyyy","h:mm:ss tt","d MMMM","ddd, dd MMM yyyy HH\u0027:\u0027mm\u0027:\u0027ss \u0027GMT\u0027","yyyy-MM-dd","h:mm tt","yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss","yyyy\u0027-\u0027MM\u0027-\u0027dd HH\u0027:\u0027mm\u0027:\u0027ss\u0027Z\u0027","MMMM, yyyy","AM","PM","-",":",0],"_ViewRepeatableDays":{},"_ViewsHash":{"ctl00_MainContent_tsupcontrol_4_calendar_Top" : [[2017,12,1], 1]},"_calendarWeekRule":0,"_culture":"en-CA","_enableKeyboardNavigation":false,"_enableViewSelector":false,"_firstDayOfWeek":7,"_postBackCall":"__doPostBack(\u0027ctl00$MainContent$tsupcontrol_4$calendar\u0027,\u0027@@\u0027)","_rangeSelectionMode":0,"clientStateFieldID":"ctl00_MainContent_tsupcontrol_4_calendar_ClientState","enableMultiSelect":false,"enabled":true,"monthYearNavigationSettings":["Today","OK","Cancel","Date is out of range.","False","True","300","1","300","1","False"],"skin":"MetroTouch","specialDaysArray":[],"stylesHash":{"DayStyle": ["", ""],"CalendarTableStyle": ["", "rcMainTable"],"OtherMonthDayStyle": ["", "rcOtherMonth"],"TitleStyle": ["", ""],"SelectedDayStyle": ["", "rcSelected"],"SelectorStyle": ["", ""],"DisabledDayStyle": ["", "rcDisabled"],"OutOfRangeDayStyle": ["", "rcOutOfRange"],"WeekendDayStyle": ["", "rcWeekend"],"DayOverStyle": ["", "rcHover"],"FastNavigationStyle": ["", "RadCalendarMonthView RadCalendarMonthView_MetroTouch"],"ViewSelectorStyle": ["", "rcViewSel"]},"titleFormat":"MMMM, yyyy","useColumnHeadersAsSelectors":false,"useRowHeadersAsSelectors":false}, null, null, $get("ctl00_MainContent_tsupcontrol_4_calendar"));});
I have no idea why the error happens. All the HTML is generated by the RadCalendar Telerik control.
Any help is greatly appreciated, I have no idea how to proceed.
George
14 answers
570 views
I have a scenario where I would like to use User Controls as items of a my Panel Bar and I only want the contents for the User Controls to be loaded (i.e. made visible on the server-side) when the Panel Item that contains the control is expanded. I.e. I would like the contents of a Panel Item to be "loaded on demand". (I am aware that if a User Control is not visible, that the control "is processed" until the rendering stage of the page life cycle, but my aim with this "load on demand" functionality is to minimize the amount of HTML on the clients side until it is "really needed"/requested)
Do you guys have any examples of such a scenario? Or would you not suggest using a RadPanelBar for this?
Do you guys have any examples of such a scenario? Or would you not suggest using a RadPanelBar for this?
2 answers
126 views
Hello,
I’m trying to DataBind a RadPanelBar but with no success.
Can find the code behind & ASPX attached.
<P><%@ Page Title="" Language="C#" MasterPageFile="~/boris.Master" AutoEventWireup="true"<BR> CodeBehind="rejsekort_GUI_underside.aspx.cs" Inherits="Boris.rejsekort_GUI_underside" %></P> <P><asp:Content ID="Content1" ContentPlaceHolderID="bottom" runat="server"><BR> <div class="dashboardPanelbar"><BR> <telerik:RadPanelBar ID="panelBarDashboard" runat="server" Width="100%" EnableEmbeddedSkins="false"<BR> OnItemDataBound="panelBarDashboard_ItemDataBound" Skin="None" OnPreRender="panelBarDashboard_PreRender"<BR> CollapseDelay="100" ExpandDelay="100" BorderStyle="None" ExpandMode="SingleExpandedItem" AllowCollapseAllItems="true"><BR> <Items><BR> <telerik:RadPanelItem ImageUrl="Styles/Images/1318514913_clean.png" Text="Henrik Hansen - Person"<BR> Expanded="true" CssClass="roundedRadPanelItemFirst" AccessKey="1"><BR> <Items><BR> <telerik:RadPanelItem><BR> <ItemTemplate><BR> <div class="dashboardPanelbarItems"><BR> <table class="mainTable"><BR> <tr><BR> <td style="width: 50%"><BR> <div class="divRadPanelItemLeft"><BR> <span class="spanRadPanelItemLegend">CARD</span><BR> <table cellspacing="0" width="90%" class="leftTable"><BR> <tr class="leftTableItemColor"><BR> <td><BR> Balance<BR> </td><BR> <td><BR> 300 kr.<BR> <%# Eval("CardBalance")%><BR> </td><BR> <td><BR> <a href="#">Reload Saldo</a><BR> <br /><BR> <a href="#">Saldo modification</a><BR> </td><BR> </tr><BR> <tr class="leftTableAlternateColor"><BR> <td><BR> Expiry date<BR> </td><BR> <td><BR> 14-06-2012<BR> </td><BR> <td><BR> <BR> </td><BR> </tr><BR> <tr class="leftTableItemColor"><BR> <td><BR> Reload contract<BR> </td><BR> <td><BR> 300 kr.<br /><BR> Min. 50 kr.<br /><BR> 2 daglige<BR> </td><BR> <td><BR> <BR> </td><BR> </tr><BR> <tr><BR> <td colspan="3"><BR> <BR> </td><BR> </tr><BR> <tr><BR> <td colspan="3" align="right"><BR> <telerik:RadButton ID="btnViewEditCard" runat="server" Text="View / Edit card" EnableEmbeddedSkins="false"<BR> Skin="ThalesSkin" OnClick="btnViewEditCard_Click" CommandArgument="1" AccessKey="n"<BR> OnPreRender="btnViewEditCard_PreRender"><BR> </telerik:RadButton><BR> </td><BR> </tr><BR> <tr><BR> <td colspan="3"><BR> <BR> </td><BR> </tr><BR> </table><BR> </div><BR> </td><BR> <td style="width: 50%"><BR> <div class="divRadPanelItemRight"><BR> <span class="spanRadPanelItemLegend">SETTINGS</span><BR> <table cellspacing="0" width="90%" class="rightTable"><BR> <tr class="rightTableItemColor"><BR> <td><BR> Passsengers<BR> </td><BR> <td><BR> Adult: 2<br /><BR> Children 13-17 : 2<br /><BR> Dog : 1<BR> </td><BR> <td><BR> <BR> </td><BR> </tr><BR> <tr class="rightTableAlternateColor"><BR> <td><BR> Products on card<BR> </td><BR> <td><BR> Season pass<BR> </td><BR> <td><BR> <a href="#">View details</a><BR> </td><BR> </tr><BR> <tr class="rightTableItemColor"><BR> <td><BR> Current<BR> <br /><BR> discount level<BR> </td><BR> <td><BR> East: 4<BR> <br /><BR> West: 2<br /><BR> Across : 0<BR> </td><BR> <td valign="top"><BR> <a href="#">View discount details</a><BR> </td><BR> </tr><BR> <tr class="rightTableAlternateColor"><BR> <td><BR> Until :<BR> </td><BR> <td><BR> 30-09-2011<BR> </td><BR> <td><BR> <BR> </td><BR> </tr><BR> <tr><BR> <td colspan="3"><BR> <BR> </td><BR> </tr><BR> </table><BR> </div><BR> </td><BR> </tr><BR> </table><BR> </div><BR> </ItemTemplate><BR> </telerik:RadPanelItem><BR> </Items><BR> </telerik:RadPanelItem><BR> <telerik:RadPanelItem ImageUrl="Styles/Images/1318514913_clean.png" Text="Henrik Hansen - Person"<BR> Expanded="false" CssClass="roundedRadPanelItem" AccessKey="2"><BR> <Items><BR> <telerik:RadPanelItem><BR> <ItemTemplate><BR> <div class="dashboardPanelbarItems"><BR> <table class="mainTable"><BR> <tr><BR> <td style="width: 50%"><BR> <div class="divRadPanelItemLeft"><BR> <span class="spanRadPanelItemLegend">CARD</span><BR> <table cellspacing="0" width="90%" class="leftTable"><BR> <tr class="leftTableItemColor"><BR> <td><BR> Balance<BR> </td><BR> <td><BR> 300 kr.<BR> </td><BR> <td><BR> <a href="#">Reload Saldo</a><BR> <br /><BR> <a href="#">Saldo modification</a><BR> </td><BR> </tr><BR> <tr class="leftTableAlternateColor"><BR> <td><BR> Expiry date<BR> </td><BR> <td><BR> 14-06-2012<BR> </td><BR> <td><BR> <BR> </td><BR> </tr><BR> <tr class="leftTableItemColor"><BR> <td><BR> Reload contract<BR> </td><BR> <td><BR> 300 kr.<br /><BR> Min. 50 kr.<br /><BR> 2 daglige<BR> </td><BR> <td><BR> <BR> </td><BR> </tr><BR> <tr><BR> <td colspan="3"><BR> <BR> </td><BR> </tr><BR> <tr><BR> <td colspan="3" align="right"><BR> <telerik:RadButton ID="btnViewEditCard" runat="server" Text="View / Edit card" EnableEmbeddedSkins="false"<BR> Skin="ThalesSkin" OnClick="btnViewEditCard_Click" CommandArgument="2" AccessKey="n" /><BR> </td><BR> </tr><BR> <tr><BR> <td colspan="3"><BR> <BR> </td><BR> </tr><BR> </table><BR> </div><BR> </td><BR> <td style="width: 50%"><BR> <div class="divRadPanelItemRight"><BR> <span class="spanRadPanelItemLegend">SETTINGS</span><BR> <table cellspacing="0" width="90%" class="rightTable"><BR> <tr class="rightTableItemColor"><BR> <td><BR> Passsengers<BR> </td><BR> <td><BR> Adult: 2<br /><BR> Children 13-17 : 2<br /><BR> Dog : 1<BR> </td><BR> <td><BR> <BR> </td><BR> </tr><BR> <tr class="rightTableAlternateColor"><BR> <td><BR> Products on card<BR> </td><BR> <td><BR> Season pass<BR> </td><BR> <td><BR> <a href="#">View details</a><BR> </td><BR> </tr><BR> <tr class="rightTableItemColor"><BR> <td><BR> Current<BR> <br /><BR> discount level<BR> </td><BR> <td><BR> East: 4<BR> <br /><BR> West: 2<br /><BR> Across : 0<BR> </td><BR> <td valign="top"><BR> <a href="#">View discount details</a><BR> </td><BR> </tr><BR> <tr class="rightTableAlternateColor"><BR> <td><BR> Until :<BR> </td><BR> <td><BR> 30-09-2011<BR> </td><BR> <td><BR> <BR> </td><BR> </tr><BR> <tr><BR> <td colspan="3"><BR> <BR> </td><BR> </tr><BR> </table><BR> </div><BR> </td><BR> </tr><BR> </table><BR> </div><BR> </ItemTemplate><BR> </telerik:RadPanelItem><BR> </Items><BR> </telerik:RadPanelItem><BR> <telerik:RadPanelItem ImageUrl="Styles/Images/1318514913_clean.png" Text="Henrik Hansen - Person"<BR> Expanded="false" CssClass="roundedRadPanelItem" AccessKey="3"><BR> <Items><BR> <telerik:RadPanelItem><BR> <ItemTemplate><BR> <div class="dashboardPanelbarItems"><BR> <table class="mainTable"><BR> <tr><BR> <td style="width: 50%"><BR> <div class="divRadPanelItemLeft"><BR> <span class="spanRadPanelItemLegend">CARD</span><BR> <table cellspacing="0" width="90%" class="leftTable"><BR> <tr class="leftTableItemColor"><BR> <td><BR> Balance<BR> </td><BR> <td><BR> 300 kr.<BR> </td><BR> <td><BR> <a href="#">Reload Saldo</a><BR> <br /><BR> <a href="#">Saldo modification</a><BR> </td><BR> </tr><BR> <tr class="leftTableAlternateColor"><BR> <td><BR> Expiry date<BR> </td><BR> <td><BR> 14-06-2012<BR> </td><BR> <td><BR> <BR> </td><BR> </tr><BR> <tr class="leftTableItemColor"><BR> <td><BR> Reload contract<BR> </td><BR> <td><BR> 300 kr.<br /><BR> Min. 50 kr.<br /><BR> 2 daglige<BR> </td><BR> <td><BR> <BR> </td><BR> </tr><BR> <tr><BR> <td colspan="3"><BR> <BR> </td><BR> </tr><BR> <tr><BR> <td colspan="3" align="right"><BR> <telerik:RadButton ID="btnViewEditCard" runat="server" Text="View / Edit card" EnableEmbeddedSkins="false"<BR> Skin="ThalesSkin" OnClick="btnViewEditCard_Click" CommandArgument="3" AccessKey="n" /><BR> </td><BR> </tr><BR> <tr><BR> <td colspan="3"><BR> <BR> </td><BR> </tr><BR> </table><BR> </div><BR> </td><BR> <td style="width: 50%"><BR> <div class="divRadPanelItemRight"><BR> <span class="spanRadPanelItemLegend">SETTINGS</span><BR> <table cellspacing="0" width="90%" class="rightTable"><BR> <tr class="rightTableItemColor"><BR> <td><BR> Passsengers<BR> </td><BR> <td><BR> Adult: 2<br /><BR> Children 13-17 : 2<br /><BR> Dog : 1<BR> </td><BR> <td><BR> <BR> </td><BR> </tr><BR> <tr class="rightTableAlternateColor"><BR> <td><BR> Products on card<BR> </td><BR> <td><BR> Season pass<BR> </td><BR> <td><BR> <a href="#">View details</a><BR> </td><BR> </tr><BR> <tr class="rightTableItemColor"><BR> <td><BR> Current<BR> <br /><BR> discount level<BR> </td><BR> <td><BR> East: 4<BR> <br /><BR> West: 2<br /><BR> Across : 0<BR> </td><BR> <td valign="top"><BR> <a href="#">View discount details</a><BR> </td><BR> </tr><BR> <tr class="rightTableAlternateColor"><BR> <td><BR> Until :<BR> </td><BR> <td><BR> 30-09-2011<BR> </td><BR> <td><BR> <BR> </td><BR> </tr><BR> <tr><BR> <td colspan="3"><BR> <BR> </td><BR> </tr><BR> </table><BR> </div><BR> </td><BR> </tr><BR> </table><BR> </div><BR> </ItemTemplate><BR> </telerik:RadPanelItem><BR> </Items><BR> </telerik:RadPanelItem> <BR> </Items><BR> </telerik:RadPanelBar> <BR> <div><BR> <asp:Panel runat="server" ID="pnlPager"><BR> <asp:HyperLink ID="hlPrevious" Text="Previous" runat="server" NavigateUrl="#" Visible="false"></asp:HyperLink><BR> <asp:HyperLink ID="hlNext" Text="Next" runat="server" NavigateUrl="#" Visible="false"></asp:HyperLink><BR> </asp:Panel><BR> </div><BR> </div></P> <P> <script language="javascript" type="text/javascript"></P> <P> function telerikModifications() {<BR> /* Add images */<BR> var panelbar = document.getElementById("<%= panelBarDashboard.ClientID %>");<BR> var spanItems = panelbar.getElementsByTagName("span");<BR> var Images = "<%=Images%>"<BR> var ImagesCount = -1;<BR> var arrImages = Images.split(",")<BR> var i = 0;<BR> for (i = 0; i < spanItems.length; i++) {<BR> if (spanItems[i].className == "<%=rpOut %>") {<BR> ImagesCount++;<BR> spanItems[i].innerHTML = spanItems[i].innerHTML + arrImages[ImagesCount];<BR> }</P> <P> if (spanItems[i].className == "<%=rpText%>") {<BR> spanItems[i].className = "";<BR> }<BR> }</P> <P> /* Add Legends */<BR> /* <div class='roundedPanelItemLegend'>TEST TEST</div>,<div class='roundedPanelItemLegend'>TEST Test Test</div>,<div class='roundedPanelItemLegend'>TEST Test</div> should be dynamically<BR> created as shown above for the "Images" variable*/<BR> var ulItems = panelbar.getElementsByTagName("ul");<BR> i = 0;<BR> for (i = 0; i < ulItems.length; i++) {<BR> if (ulItems[i].className.indexOf("rpRootGroup") != -1) {<BR> var liItems = ulItems[i].getElementsByTagName("li");<BR> var lis = "<%=Legends%>"<BR> var lisCount = -1;<BR> var arrlis = lis.split(",")<BR> var x = 0;<BR> for (x = 0; x < liItems.length; x++) {<BR> if (liItems[x].className == "rpItem rpFirst" || liItems[x].className == "rpItem" || liItems[x].className == "rpItem rpLast") {<BR> lisCount++;<BR> liItems[x].innerHTML = arrlis[lisCount] + liItems[x].innerHTML;<BR> }<BR> }</P> <P> }<BR> }<BR> }</P> <P><BR> function telerikRadButtonModifications() {<BR> var radPanel = document.getElementById("<%= panelBarDashboard.ClientID %>");<BR> var atags = radPanel.getElementsByTagName("a");<BR> i = 0;<BR> for (i = 0; i < atags.length; i++) {<BR> if (atags[i].className.indexOf("RadButton") != -1) {<BR> atags[i].removeAttribute("href");<BR> var tindex;<BR> tindex = atags[i].tabIndex;<BR> var button;<BR> button = atags[i].getElementsByTagName("input")[0];<BR> button.setAttribute("tabIndex", tindex);<BR> }<BR> }<BR> }</P> <P> </P> <P> </script><BR> <script type="text/javascript" src="Scripts/Telerik.js?<%=Guid%>"></script><BR></asp:Content><BR></P><BR><BR>Here is the code-behind used...
panelBarDashboard.DataTextField = "CardDisplayId";<BR>panelBarDashboard.DataFieldID = "CardInternalId";<BR>panelBarDashboard.DataFieldParentID = "ParentID"; <BR>panelBarDashboard.DataSource = cardsDisplayed;<BR>panelBarDashboard.DataBind();<BR><BR>Thanks & regards
Clement
2 answers
69 views
Hi,
How can the default tooltip in the radslidingpane be disabled.
thanks
Savyo
How can the default tooltip in the radslidingpane be disabled.
thanks
Savyo
3 answers
522 views
I am new to the Telerik controls, and I am having a difficult time achieving what I would think would be a fairly simple task.
I have a radgrid with it's edit form type set to "template". I would like to add a simple "file attachment" feature to the form, so that someone can attach a file when editing the record, and be able so see/open the attachments when viewing the record. Nothing fancy, just basic file attachment functionality. I was hoping there would be a basic "file attachment" type of control where I can just drop it on the form and tell it "here is my field to store the file, and here is the ID field (or some field) from the RadGrid datasource to use as a key" and it just works, but unless I am overlooking something I don't see it. Even as I am writing this post I notice this message board has a simple "Attach files" option at the bottom that I assume works like I what I want.
I have tried in vain to search through the forums and look at all the demo's, but I think I am only confusing myself. I have looked at the demos for the RadAsynchUpload control which seems close to what I need, but the demos don't seem to be set up with a radgrid edit template in use. They also seem to involve a fair amount of customised coding, which I was hoping to avoid. I also looked into the attachment grid column type, but I couldn;t get that to work either.
Can anyone provide me a clear/simple demo (VB.net) that shows how to achieve what I need? I would prefer to store the files (they will be small files, and only one file per record) in the SQL database, but could store them in a folder if that makes it easier.
Thanks.
Rumen
Telerik team
answered
on
08 Dec 2017
11 answers
504 views
I want to reorder the grid rows in client side only , Without server side scripting can i do that, I sort the rows based on GridTemplateColumn (Label denotes Order of each row)
given below
<telerik:GridTemplateColumn HeaderText ="Description" Visible="false" Display="false">
<ItemTemplate>
<asp:Label ID="lblDisplayOrder" runat="server"></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
given below
<telerik:GridTemplateColumn HeaderText ="Description" Visible="false" Display="false">
<ItemTemplate>
<asp:Label ID="lblDisplayOrder" runat="server"></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
5 answers
336 views
Hello,
I am trying to implement the following solution to enable the double-click to edit feature on a TreeList: https://docs.telerik.com/devtools/aspnet-ajax/controls/grid/ajaxified-radgrid/how-to/go-into-edit-mode-with-ajax-double-click
However, as I am trying to convert the RadGrid-based example above to the TreeList I am unable to find an equivalent of RadGrid's editItem method on a TreeList control (https://docs.telerik.com/devtools/aspnet-ajax/controls/treelist/client-side-programming/overview). The closest I found was to call the fireCommand("Edit", "") method, but it causes the page to postback and as such causes the javascript variables to lose references to the row being edited.
Can you think of a way to correctly implement the double-click to edit feature on the TreeList?
Thanks!
Eyup
Telerik team
answered
on
07 Dec 2017
3 answers
1.3K+ views
I've created a datatable using the following query:
select str(-abs(100),10,2) as crash
(a negative number cast to string)
When I use this datatable in a grid and export it to excel, I'll get the folowwing error:
We found a problem with this formula. Try clicking Insert Function on the Formulas tab to fix it.\n\nNot trying to type a formula? When the first character is an equal (=) or minus (-) sign, RadSpreadsheet thinks it is a formula. For example, when you type =1+1 the cell shows 2.
I've implemented the workarround in https://www.telerik.com/forums/output-to-excel-error
(The cell has the Format attribute set to "@")
This works for regular strings starting with a dash, but not working for the specific situation described before.
select str(-abs(100),10,2) as crash
(a negative number cast to string)
When I use this datatable in a grid and export it to excel, I'll get the folowwing error:
We found a problem with this formula. Try clicking Insert Function on the Formulas tab to fix it.\n\nNot trying to type a formula? When the first character is an equal (=) or minus (-) sign, RadSpreadsheet thinks it is a formula. For example, when you type =1+1 the cell shows 2.
I've implemented the workarround in https://www.telerik.com/forums/output-to-excel-error
(The cell has the Format attribute set to "@")
This works for regular strings starting with a dash, but not working for the specific situation described before.
Attila Antal
Telerik team
answered
on
07 Dec 2017
