Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
60 views

Hello,

 I have a RadEditor control behaving well on IE11, however the toolbar layout is broken on IE8 - please see screenshots attached. It seems to break the toolbar every time there's an arrow next to the button, like in undo, redo, etc.

The toolbar is looking ok on Metro skin, it's only on Default skin where the issue is present.

I have included this directive in my page and the issue is gone: <meta http-equiv="X-UA-Compatible" content="IE=8" />

However this is causing other problems, is there any other way to get a permanent fix for this? I have installed recently version 2015.1.401.35

Regards

Marin Bratanov
Telerik team
 answered on 24 Jun 2015
3 answers
71 views

I am unable to get the image to export on the pdf. Here is my code:

protected void RadGrid1_PdfExporting(object sender, GridPdfExportingArgs e)
{

string tableWrapper = string.Empty;
tableWrapper = "<table><colgroup><col style='width:550px;' /></colgroup>";
tableWrapper += "<thead></thead><tbody><tr><td>" + e.RawHTML + "</td></tr>";
tableWrapper += "<tr><td>&nbsp;</td></tr>";
tableWrapper += "<tr><td>&nbsp;</td></tr>";
tableWrapper += "<tr><td style='padding-left:5px;'>" + AddPDFTables() + "</td></tr>";
tableWrapper += "</tbody><tfoot></tfoot></table>";

e.RawHTML = tableWrapper;
}

private string AddPDFTables()
{
string tables = string.Empty;

tables += "<?hard-pagebreak?>";
tables += "<table style='border-style:none; width:550px; font-size:8px; padding-left:2px; padding-right:2px; padding-top:2px;'>";
tables += "<colgroup><col style='width:200px; vertical-align:top;' /><col style='width:20px;' /><col style='width:200px; vertical-align:top;' /></colgroup>";
tables += "<thead></thead><tbody>";
tables += "<tr><td>" + CreateLegendPDF() + "</td><td>&nbsp;</td><td>" + CreateRejectCodePDF() + "</td></tr>";
tables += "</tbody></table>";

return tables;
}

private string CreateLegendPDF()
{
string legend = string.Empty;

legend += "<table style='border-style:solid; border-color:#5d8cc9; border-width:1px; width:200px; font-size:8px; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px;'>";
legend += "<colgroup><col style='width:30px;' /><col style='width:150px;' /></colgroup>";
legend += "<thead><tr><th colspan='2' style='background-color:#bdcbde; font-weight:bold; font-size:9px; text-align:left; padding-left:2px;'>Content Areas</th></tr></thead>";
legend += "<tbody>";

if (listLegendRows.Count <= 0)
{
listLegendRows = (List<string>)ViewState["LegendList"];
}

if (listLegendRows.Count > 0)
{
foreach (string item in listLegendRows)
{
legend += item;
}
}
legend += "</tbody></table>";

return legend;
}

private string CreateRejectCodePDF()
{
string rejectString = string.Empty;
List<string> listRejectRows = new List<string>();

if (ViewState["RejectList"] != null)
{
listRejectRows = (List<string>)ViewState["RejectList"];
}

if (listRejectRows.Count > 0)
{
rejectString += "<table style='border-style:solid; border-color:#5d8cc9; border-width:1px; width:200px; font-size:8px; padding-left:2px; padding-right:2px; padding-top:2px; padding-bottom:2px;'>";
rejectString += "<colgroup><col style='width:30px;' /><col style='width:150px;' /></colgroup>";
rejectString += "<thead><tr><th colspan='2' style='background-color:#bdcbde; font-weight:bold; font-size:9px; text-align:left; padding-left:2px;'>ARDMS Reject Codes</th></tr></thead>";
rejectString += "<tbody>";

foreach (string item in listRejectRows)
{
rejectString += item;
}
rejectString += "</tbody></table>";
}
return rejectString;
}

 

 

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
if (isPdfExport)
{
GridItem item = e.Item as GridItem;
item.Style["font-family"] = "Segoe UI";
item.Style["font-size"] = "8px";

switch (item.ItemType) //Mimic RadGrid appearance for the exported PDF file
{
case GridItemType.CommandItem:
item.Style["display"] = "none";
item.Visible = true;
item.Style["background-color"] = "#000000";
break;
case GridItemType.Item:
item.Style["background-color"] = "#FFFFFF";
break;
case GridItemType.AlternatingItem:
item.Style["background-color"] = "#e8f1fc";
break;
case GridItemType.Header:
item.Style["background-color"] = "#bdcbde";
break;
case GridItemType.FilteringItem:
item.Style["display"] = "none";
item.Visible = false;
break;
case GridItemType.Footer:
item.Style["background-color"] = "#c3d8f1";
break;
}

if (item is GridCommandItem)
{
item.PrepareItemStyle(); //needed to span the image over the CommandItem cells
}
}
}

 

 

 

 This is the error I am getting

[GridPdfExportException: Invalid XHTML. RadGrid has to render correct XHTML in order to export to PDF.
Parse error:
The 'tbody' start tag on line 674 position 83 does not match the end tag of 'thead'. Line 687, position 4.
at line:
</thead><tbody>]

 

 

 

I checked all the tags and they seem fine to me.

How do I correct this?

Thanks,

Maria Ilieva
Telerik team
 answered on 24 Jun 2015
10 answers
240 views

I am trying to track what a user is doing on a page to prevent them moving off a Page View before saving it, the problem I have is that when they go straight from the changed control to the tab strip the OnValueChanged event of the text box does not fire.

I have created a stripped out page to illustrate the problem which is below, there is no code behind in the demo.

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="WebApplication1._Default" %>
 
<!DOCTYPE html>
 
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1"></telerik:RadScriptManager>
        <telerik:RadTabStrip runat="server" ID="RadTabStrip1" Align="Justify" AutoPostBack="true" MultiPageID="RadMultiPage1" SelectedIndex="0">
            <Tabs>
                <telerik:RadTab Text="Basic Details" PageViewID="pageBasicDetails"/>
                <telerik:RadTab Text="Permissions" PageViewID="pagePermissions"/>
            </Tabs>
        </telerik:RadTabStrip>
        <telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0" RenderSelectedPageOnly="True">
            <telerik:RadPageView runat="server" ID="pageBasicDetails">
                <div class="contentWrapper">
                    <table>
                        <tr>
                            <td>
                                <asp:Label runat="server" ID="lblFirstName" AssociatedControlID="FirstName" Text="First Name"></asp:Label></td>
                            <td>
                                <telerik:RadTextBox runat="server" ID="FirstName" MaxLength="50" Width="300px" Text="John"><ClientEvents OnValueChanged="SetDirty" /></telerik:RadTextBox></td>
                            <td>
                                <asp:RequiredFieldValidator ID="valFirstName" ControlToValidate="FirstName"
                                    CssClass="validation"
                                    ErrorMessage="First Name is required"
                                    runat="server" /></td>
                        </tr>
                        <tr>
                            <td>
                                <asp:Label runat="server" ID="lblLastName" AssociatedControlID="LastName" Text="Last Name"></asp:Label></td>
                            <td>
                                <telerik:RadTextBox runat="server" ID="LastName" MaxLength="50" Width="300px" Text="Smith"><ClientEvents OnValueChanged="SetDirty" /></telerik:RadTextBox></td>
                            <td>
                                <asp:RequiredFieldValidator ID="valLastName" ControlToValidate="LastName"
                                    CssClass="validation"
                                    Display="Static"
                                    ErrorMessage="Last Name is required"
                                    runat="server" /></td>
                        </tr>
                    </table>
                </div>
            </telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="pagePermissions">
                <div class="contentWrapper">
                </div>
            </telerik:RadPageView>
        </telerik:RadMultiPage>
    </div>
    </form>
     
     
    <script type="text/ecmascript">
    function SetDirty(sender, eventArgs) {
        alert('SetDirty');
    }
</script>
</body>
</html>

If you go into the page and edit the first name then move to the last name control, the client side function SetDirty fires as I would expect. If you then change it again but this time click directly to the Permissions tab the SetDirty function does not fire which does not seem correct as the control value is changed and there should still be a blur event.

Can you tell me what I am doing wrong?

Pete
Top achievements
Rank 1
 answered on 24 Jun 2015
3 answers
943 views
How can I disable the user from manually entering values with the keyboard? Selections should only come from the pop-up values. 
Maria Ilieva
Telerik team
 answered on 24 Jun 2015
1 answer
107 views
hi, how to remove   CausesValidation from next and prev buttons?

Eyup
Telerik team
 answered on 24 Jun 2015
5 answers
226 views
Hi!

According to documentation the CurrentPageIndex is kept when a Rebind() of grid is performed.

This seems to be true if the paging is done in the MasterTableView. If paging is done in a DetailTable the CurrentPageIndex will always be 0 when rebinding.

Is this by design or should CurrentPageIndex be kept also for DetailTables at rebind?

Thanks
/Mats
Radoslav
Telerik team
 answered on 24 Jun 2015
2 answers
62 views
Spread and pinch gestures works on mobile devices, but does not work on multitouch notebook computers.
Ianko
Telerik team
 answered on 24 Jun 2015
2 answers
200 views

I am gettting a 'telerik is undefined' error on a webpage which i have only one radasyncupload control.  The error is breaking the page stopping the rest of the javascript on the page loading. Everything works fine if i remove the asyncupload control. 

This works fine when developing in Visual Studio, works fine on an internal server but i am getting the above error when deployed to an external server (with the same web.config values for the http handlers) Servers both running IIS 7. Below are the settings from system.web and system.webserver config sections.

 

<system.web>
    <compilation targetFramework="4.5" />
    <globalization uiCulture="auto" culture="auto" />
    <httpRuntime targetFramework="4.5" />
    <customErrors mode="Off"/>
    <httpHandlers>
      <add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false" />
      <add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false" />
      <add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false" />
      <add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false" />
      <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />
    </httpHandlers>
    <httpModules>
      <add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" />
      <add name="RadCompression" type="Telerik.Web.UI.RadCompression" />
    </httpModules>
    <pages enableSessionState="true">
      <controls>
        <add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" />
      </controls>
    </pages>
  </system.web>
  <system.webServer>
    <validation validateIntegratedModeConfiguration="false" />
    <modules runAllManagedModulesForAllRequests="true">
      <remove name="RadUploadModule" />
      <add name="RadUploadModule" type="Telerik.Web.UI.RadUploadHttpModule" preCondition="integratedMode" />
      <remove name="RadCompression" />
      <add name="RadCompression" type="Telerik.Web.UI.RadCompression" preCondition="integratedMode" />
    </modules>
    <handlers>
      <remove name="ChartImage_axd" />
      <remove name="Telerik_Web_UI_SpellCheckHandler_axd" />
      <remove name="Telerik_Web_UI_DialogHandler_aspx" />
      <remove name="Telerik_RadUploadProgressHandler_ashx" />
      <remove name="Telerik_Web_UI_WebResource_axd" />
      <add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode" />
      <add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode" />
      <add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode" />
      <add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode" />
      <add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode" />
      <add name="Telerik.Web.UI.WebResource" path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI, Culture=neutral, PublicKeyToken=121fae78165ba3d4" />
    </handlers>
    <httpRedirect enabled="false" destination="" />
  </system.webServer>

 

IIS 7

Telerik version 2015.1.401.45

 

Marc
Top achievements
Rank 1
 answered on 24 Jun 2015
1 answer
128 views
I want to put into places a icon ? that has tooltip help info. these need to be by themselves and not tied to anything. just where I place them on the page.
is there an easy control in telerik that does this?
Marin Bratanov
Telerik team
 answered on 24 Jun 2015
14 answers
641 views
I want to bind Rad Gantt of Telerik from code behind here is my code:
<telerik:RadGantt runat="server" ID="RadGantt1" Width="1275px" Height="600px" ListWidth="351px"
SelectedView="WeekView" Skin="Silk" AutoGenerateColumns="false">
<Columns>
<telerik:GanttBoundColumn DataField="TaskName" DataType="String" Width="120px"></telerik:GanttBoundColumn>
<telerik:GanttBoundColumn DataField="StartDate" DataType="DateTime" DataFormatString="dd/MM/yy" Width="40px"></telerik:GanttBoundColumn>
<telerik:GanttBoundColumn DataField="EndDate" DataType="DateTime" DataFormatString="dd/MM/yy" Width="40px"></telerik:GanttBoundColumn>
</Columns>
<DataBindings>
<TasksDataBindings IdField="TaskID" ParentIdField="TaskID" StartField="StartDate" OrderIdField="TaskID" SummaryField="Summary" ExpandedField="Expanded" EndField="EndDate" TitleField="TaskName"
PercentCompleteField="PercentComplete" />
<DependenciesDataBindings TypeField="Type" IdField="TaskID" PredecessorIdField="TaskID" SuccessorIdField="TaskID" />
</DataBindings>
</telerik:RadGantt>
and in code behindRadGantt1.DataSource = Gatdata();
RadGantt1.DataBind();I am having this error on DataBind() "DataSourceID may not be null in case of DataSource binding" here GetData() method return very simple datatable which contains columns and valid data
Bozhidar
Telerik team
 answered on 24 Jun 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?