I have upgraded my project with New Telerik Version.
1.Deleted the old Telerik.web.ui,skins,designer dll and telerik.web.ui.xml(2015.3.1111.35)
2. Replaced the new version dlls (Telerik.web.ui,skins,xml,designer) in Bin folders.(2020.3.915.45) as we have upgraded the framework to 4.8.
My doubt is how to update RadControls like radeditor.Net2,Radspellchecker,Radwindow,RadAjax etc which is already existing in my project?
Do we need to change any namespaces for the RADControls after Telerik Upgrade ?
or Only Replacing Telerik.web.ui,skins dll to newer version is Fine?
Can anyone please help on this?
Evening,
Just started to play with this radTabStrip control.
I have 6 tabs along the top.
I have a radMultipage control right after the tabctrl.
I have a grid on the first tab and a radcalendar & grid on the 2nd tab.
When I run I see the tabs but the controls on tab 1 & 2 do not show up.
i am probably doing some thing dumb but cant see it.
<td id="appTabCrtlr1c" colspan="12">
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" ReorderTabsOnSelect="True" SelectedIndex="0">
<Tabs>
<telerik:RadTab runat="server" Selected="True" Text="Root RadTab1">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab2">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab3">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab4">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab5">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Root RadTab6">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server">
<telerik:RadPageView runat="server">
<telerik:RadGrid ID="rGrid1" runat="server" ToolTip="I am Grid 1">
</telerik:RadGrid>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView2" runat="server">
<telerik:RadCalendar ID="RadCalendar1" Runat="server">
</telerik:RadCalendar>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView3" runat="server">
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView4" runat="server">
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView5" runat="server">
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView6" runat="server">
</telerik:RadPageView>
</telerik:RadMultiPage>
</td>
I am using RadAsyncUpload as follows:
<telerik:RadAsyncUpload ID="radUpload1" runat="server" AllowedFileExtensions=".wav,mp3"
AllowedMimeTypes="audio/wav,audio/x-wav,audio/mpeg,audio/mp3" ControlObjectsVisibility="None" MaxFileInputsCount="1" OverwriteExistingFiles="True"
ReadOnlyFileInputs="True" Width="400px" PostbackTriggers="btnUpload" OnFileUploaded="radUpload1_FileUploaded" Localization-Select="Browse"
OnClientFileUploadFailed="OnClientFileUploadFailed" OnClientValidationFailed="OnClientValidationFailed">
</telerik:RadAsyncUpload>
When I run my website on my development server it works file. When I copy the website to my production server with the exact save configuration and upload a file, it gets "stuck" on the upload with yellow blinking graphic and the following error in the web site console:
Uncaught SyntaxError: Unexpected token < in JSON at position 0
at JSON.parse (<anonymous>)
at Function.m.parseJSON (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=radScriptManager1_TSM&compress=1&_TSM_CombinedScri…:3389)
at g.callback (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=radScriptManager1_TSM&compress=1&_TSM_CombinedScri…:17069)
at XMLHttpRequest.m (Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=radScriptManager1_TSM&compress=1&_TSM_CombinedScri…:17180)
I have run http://login.connectmevoice.com/Telerik.Web.UI.WebResource.axd and I get a blank page so I know it's registered correctly. Any idea on what the issue can be?
Thank you.
there is a way to add an item by javascript, like this
radiobuttonlist.get_items().add( new Telerik.Web.UI.ButtonListItem())
Paste not working in Firefox when RADEditor is inside Bootstrap modal but works fine in other browser.
Paste works fine in Firefox when RADEditor is outside Bootstrap modal.
I have created a demo page below to demonstrate the issue, can anyone help fix it?
I am trying to display a list of items and have created an Item Template to create a customizable pdf. I have tried creating another RadGrid within an Item Template, however the designer will not pickup the new RadGrid there. I would like to display the entire ClassList
<
telerik:RadGrid
RenderMode
=
"Lightweight"
ID
=
"RadGridWrapper1"
runat
=
"server"
OnItemCommand
=
"radGridClasses
_ItemCommand"
OnNeedDataSource
=
"RadGridWrapper1_NeedDataSource"
GroupingEnabled
=
"true"
AllowPaging
=
"true"
>
<
ExportSettings
OpenInNewWindow
=
"true"
ExportOnlyData
=
"false"
Pdf-BorderType
=
"NoBorder"
>
<
Pdf
DefaultFontFamily
=
"Arial Unicode MS"
AllowPrinting
=
"true"
ForceTextWrap
=
"true"
BorderType
=
"NoBorder"
>
<
PageHeader
>
<
LeftCell
TextAlign
=
"Center"
/>
<
MiddleCell
TextAlign
=
"Center"
Text
=
"My Class List"
/>
<
RightCell
Text="Page: <?page-number?>" TextAlign="Center" />
</
PageHeader
>
</
Pdf
>
</
ExportSettings
>
<
MasterTableView
AutoGenerateColumns
=
"false"
ShowHeader
=
"false"
CommandItemDisplay
=
"top"
TableLayout
=
"Auto"
>
<
CommandItemTemplate
>
<
div
class
=
"container-fluid m-3"
>
<
asp:LinkButton
ID
=
"btnExport"
CommandName
=
"ExportToPdf"
runat
=
"server"
CssClass
=
"mr-3 float-right"
ToolTip
=
"Export to PDF"
>
<
i
class
=
"fas fa-3x fa-file-pdf"
></
i
>
</
asp:LinkButton
>
</
div
>
</
CommandItemTemplate
>
<
CommandItemSettings
ShowExportToCsvButton
=
"false"
ShowExportToExcelButton
=
"false"
ShowExportToPdfButton
=
"true"
ShowExportToWordButton
=
"false"
ShowAddNewRecordButton
=
"false"
/>
<
Columns
>
<
telerik:GridTemplateColumn
UniqueName
=
"ClassListDisplay"
>
<
ItemTemplate
>
<
table
style
=
"width: 100%; text-align: left"
>
<
colgroup
>
<
col
/>
</
colgroup
>
<
tr
style
=
"border:none"
>
<
td
> </
td
>
</
tr
>
<
tr
style
=
"font-size: 14pt; margin-top: 5px; padding-top:5px; vertical-align: middle; text-align: left; border-top: 2px solid; background-color: lightgray;"
class
=
"greyHeader"
>
<
td
>
<
i
>INFO...</
i
>
</
td
>
<
td
></
td
>
</
tr
>
<
tr
style
=
"border:none"
>
<
td
> </
td
>
</
tr
>
<
tr
>
<
td
><
b
>Classes</
b
>: <%# Eval("ClassList") %></
td
>
</
tr
>
</
table
>
</
ItemTemplate
>
</
telerik:GridTemplateColumn
>
</
Columns
>
</
MasterTableView
>
</
telerik:RadGrid
>
<
httpHandlers
>
<
add
path
=
"Telerik.Web.UI.SpellCheckHandler.axd"
verb
=
"*"
type
=
"Telerik.Web.UI.SpellCheckHandler"
validate
=
"false"
/>
<
add
path
=
"Telerik.Web.UI.DialogHandler.aspx"
verb
=
"*"
type
=
"Telerik.Web.UI.DialogHandler"
validate
=
"false"
/>
<
add
path
=
"Telerik.Web.UI.WebResource.axd"
verb
=
"*"
type
=
"Telerik.Web.UI.WebResource"
validate
=
"false"
/>
</
httpHandlers
>
<
system.webServer
>
<
add
name
=
"Telerik_Web_UI_SpellCheckHandler_axd"
path
=
"Telerik.Web.UI.SpellCheckHandler.axd"
verb
=
"*"
type
=
"Telerik.Web.UI.SpellCheckHandler"
/>
<
add
name
=
"Telerik_Web.UI_DialogHandler_aspx"
path
=
"Telerik.Web.UI.DialogHandler.aspx"
verb
=
"*"
type
=
"Telerik.Web.UI.DialogHandler"
/>
<
add
name
=
"Telerik_Web.UI_WebResource_axd"
path
=
"Telerik.Web.UI.WebResource.axd"
verb
=
"*"
type
=
"Telerik.Web.UI.WebResource"
/>
</
system.webServer
>
I have a requirement to display to seperate RadGrids, which I can do successfully (https://www.telerik.com/forums/displaying-the-same-grid-on-two-different-pages)
But now I need to be able to export both to PDF & Excel from the CommandItemTemplate LinkButton. This process works of course for one of the Grids but not both. How do I get that CommandItem to fire for both my grids?
I tried to create responsive radgrid on mobile but all solutions so far failed. I have combined several suggestions I found in forums and internet now into a new CSS which create a fully responsive grid on desktop, mobile and tablet.
See the attached files for some screenshots.
The CSS:
<style>
.RadGrid {
min-width: inherit;
}
.RadGrid table {
border-collapse: collapse;
width: 100%;
}
.RadGrid th {
background-color: #eee;
font-weight: bold;
}
.RadGrid th,
.RadGrid td {
border: 0em none #333;
line-height: 1.5;
padding: 0.25em;
text-align: left;
}
html body .RadGrid .rgRow,
html body .RadGrid .rgAltRow,
html body .RadGrid .rgEditRow,
html body .RadGrid .rgFooter,
html body .RadGrid .rgHeader,
html body .RadGrid .rgGroupHeader
{
height: auto;
}
/* Stack rows vertically on small screens */
@media only screen and (min-width: 40em) and (max-width: 60em) {
/* Hide column labels */
.RadGrid thead tr {
position: absolute;
top: -9999em;
left: -9999em;
}
.RadGrid tr {
border: 0.125em solid #333;
}
/* Leave a space between table rows and rows and pager */
.RadGrid tr + tr
{
margin-top: 0em;
}
.RadGrid .rgPager {
margin-top: 1em;
}
/* Get table cells to act like rows */
.RadGrid tr,
.RadGrid td {
display: block;
}
.RadGrid td {
border: none;
border-bottom: 0.125em none #333;
/* Leave a space for data labels */
padding-left: 50%;
}
/* Add data labels */
.RadGrid .rgRow td:before,
.RadGrid .rgAltRow td:before {
content: attr(data-label);
float: left;
font-weight: bold;
}
.RadGrid .rgRow > td,
.RadGrid .rgAltRow > td {
display: block;
border-top: 1px solid ;
text-align: right;
padding: .25em .4375em
}
/* Show only the current page number*/
.RadGrid .rgWrap.rgNumPart a:not(.rgCurrentPage) {
display: none;
}
.RadGrid .rgWrap.rgAdvPart {
margin-top: 4px;
}
}
/* Stack labels vertically on smaller screens */
@media only screen and (max-width: 40em) {
/* Hide column labels */
.RadGrid thead tr {
position: absolute;
top: -9999em;
left: -9999em;
}
.RadGrid tr {
border: 0.125em none #333;
}
/* Leave a space between table rows and rows and pager */
.RadGrid tr + tr
{
margin-top: 0em;
}
.RadGrid .rgPager {
margin-top: 1em;
}
/* Get table cells to act like rows */
.RadGrid tr,
.RadGrid thead tr,
.RadGrid td {
display: block;
}
.RadGrid td {
border: none;
border-bottom: 0.125em none #333;
/* Leave a space for data labels */
padding-left: 50%;
padding: .25em .4375em;
}
/* Add data labels */
.RadGrid td:before {
content: attr(data-label);
display: inline-block;
font-weight: bold;
line-height: 1.0;
width: 100%;
}
/* Show only the current page number*/
.RadGrid .rgWrap.rgNumPart a:not(.rgCurrentPage) {
display: none;
}
.RadGrid .rgWrap.rgAdvPart {
margin-top: 4px;
}
html body .RadGrid .rgHeader,
html body .RadGrid .rgGroupHeader
{
height:150px;
}
}
</style>