Design Issue in Export RadOrgchart to PDf

[Sunil]

I am using RadOrgchart  to Pdf   control  in project.I  did not  find the "demo-container size-narrow" css  file  .Can you  please  give me  the "demo-container size-narrow" css  ASAP.But  I got  the Following Error  Message .can  you please  find the  Attached  Design issue  .



Thanks&Regards
P.Suneelkumar

[Ivan Danchev]

Hello,

Here's the "demo-container size-narrow" CSS that we use in our Export OrgChart demo:

.demo-container {
    background-color: #f3f3f3;
    border: 1px solid #e2e4e7;
    margin: 40px auto;
    padding: 30px;
}
.demo-container::after {
    clear: both;
    content: "";
    display: block;
}
.demo-container h1, .demo-container h2, .demo-container h3, .demo-container h4, .demo-container h5, .demo-container h6 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.demo-container.size-thin {
    max-width: 300px;
}
.demo-container.size-narrow {
    max-width: 500px;
}
.demo-container.size-medium {
    max-width: 600px;
}
.demo-container.size-wide {
    max-width: 800px;
}

Regards,
Ivan Danchev
Telerik

 

 

[Sunil]

I am using RadOrgchart  to Pdf   control  in  my  project.I am  exporting  normal label (Pekerja Aktif,Kekosongan,Jumud) and  Div(  <div class="legendA" style="width: 10px; height: 10px; background-color: rgba(46, 164, 252, 0.5);"></div>
<div class="legendB" style="width: 10px; height: 10px; background-color: rgba(222, 29, 29, 0.6);"></div>
<div class="legendC" style="width: 10px; height: 10px; background-color: rgba(255, 143, 46,1);"></div>) image  into  pdf.can you please  find the attached image. Can  you  please  give  me the  solution  plz help me  .it  is very  urgent,can you  please  help  me  please..

 

Thanks&Regards

P.Suneelkumar

 

 

 

 

 

[Ivan Danchev]

Hello,

If I understand you correctly you are having issues with the export of part of your page content. At my side the labels and divs you posted are exported correctly. What exactly are you having difficulties exporting?

Regards,
Ivan Danchev
Telerik

 

 

[Sunil]

Hai  

I am  using  RadOrgchart  to  Pdf  control  in my  project.I am  exporting  Labels  and Div tag  exported  to pdf  I faced  the  issue. 

Thanks&Regards

P.Suneelkumar

 

 

[Sunil]

Hi I am suneel gettting an Issue while export radorgchart to PDF. The issue is that along with radorgchat I have some lables, div tags I want to export those div tags and lables along with orgchart. I get orgchart pdf but it doesn't contain lables, div tags. So Please find the img attachment and help me thank you in advance

 

other wise give your mail id i can chat with you ...thank you

[Sunil]

Please find the attachment here

[Ivan Danchev]

Hello,

Thank you for the screenshot and the explanation.

Here's the sample code that I tried and in the exported .PDF file all the content (labels, divs and the RadOrgChart) is visible:

<telerik:RadOrgChart runat="server" ID="RadOrgChart1" EnableCollapsing="true" EnableGroupCollapsing="true" Orientation="Vertical">
    <Nodes>
        <telerik:OrgChartNode>
            <RenderedFields>
                <telerik:OrgChartRenderedField Text="CEOs" />
            </RenderedFields>
            <GroupItems>
                <telerik:OrgChartGroupItem Text="John Bravo" />
            </GroupItems>
            <Nodes>
                <telerik:OrgChartNode>
                    <GroupItems>
                        <telerik:OrgChartGroupItem Text="Don Marko">
                            <RenderedFields>
                                <telerik:OrgChartRenderedField Text="Team Leader" />
                            </RenderedFields>
                        </telerik:OrgChartGroupItem>
                    </GroupItems>
                    <Nodes>
                        <telerik:OrgChartNode>
                            <GroupItems>
                                <telerik:OrgChartGroupItem Text="Hun-ni Ho" />
                                <telerik:OrgChartGroupItem Text="Lukas Brezina" />
                                <telerik:OrgChartGroupItem Text="Viktor Varga" />
                            </GroupItems>
                        </telerik:OrgChartNode>
                    </Nodes>
                </telerik:OrgChartNode>
            </Nodes>
        </telerik:OrgChartNode>
    </Nodes>
</telerik:RadOrgChart>

<div class="legendA" style="width: 10px; height: 10px; background-color: rgba(46, 164, 252, 0.5); display: inline-block;"></div>
<asp:Label ID="Label1" Text="Pekerja Aktif" runat="server"></asp:Label>
<div></div>
<div class="legendB" style="width: 10px; height: 10px; background-color: rgba(222, 29, 29, 0.6); display: inline-block;"></div>
<asp:Label ID="Label2" Text="Kekosongan" runat="server"></asp:Label>
<div></div>
<div class="legendC" style="width: 10px; height: 10px; background-color: rgba(255, 143, 46,1); display: inline-block;"></div>
<asp:Label ID="Label3" Text="Jumud" runat="server"></asp:Label>


<telerik:RadClientExportManager runat="server" ID="RadClientExportManager1">
    <PdfSettings FileName="Myfile.pdf" />
</telerik:RadClientExportManager>
<input type="button" onclick="exportElement()" value="export" />

<script type="text/javascript">
    function exportElement() {
        var exp = $find("<%= RadClientExportManager1.ClientID %>");
        exp.exportPDF($telerik.$("html"));
    }
</script>

Regards,
Ivan Danchev
Telerik

 

 

[Sunil]

Hi,

I am  using  RadOrgchart  to pdf control  in my Project.Pdf  is  not genarted  in  IE and it is   genaretd only  in Firefox.can you please  give  me  the  solution (will  work  for  IE)its  very  urgent please .It  shows  the  Message is "Local Host is not  Responding".

[Ivan Danchev]

Hello,

The message you are getting indicates an issue that is often related to IE browser settings. In order to fix it you can try the solutions suggested in the following threads:

• IE11
• IE10
• IE9

Regards,
Ivan Danchev
Telerik

 

 

[Sunil]

Hi,

I am  using  Radorgchart  to  pdf  control  in my  project.pdf  is  genarted  in  IE.its  working  correctly in  IE11  Browser.But Alignment  issues  in  genaratedpdf  file.Can  you please  find  the  Attached pdf file.Please help me  its  very  urgent.please  its  production issue.

Thanks&Regards
P.Suneelkumar

[Sunil]

Hi,

Please  find  the  Image  ScreenShot  for  the pdf  file.can  you  please  help  me .its  Production  issue .Please help me.

Thanks&Regards

P.Suneelkumar

 

 

 

[Ivan Danchev]

Hello,

1. Is this issue present only when exporting to .PDF or it can be noticed when exporting the OrgChart to image?
2. Is there any difference when you export the whole page and when you export the DOM element that contains the OrgChart?
3. Please try exporting the page with a different browser to see if it is a browser-related issue.
4. Could you please post the part of your code where you declare the RadOrgChart so we can test its export locally?

Regards,
Ivan Danchev
Telerik

 

 

[Sunil]

Hello,

1. Is this issue present only when exporting to .PDF or it can be noticed when exporting the OrgChart to image? 
A)This  issue  occurs  sometimes  while  exporting  to  pdf.Some  times  not occured.
2. Is there any difference when you export the whole page and when you export the DOM element that contains the OrgChart? 
b)NO
3. Please try exporting the page with a different browser to see if it is a browser-related issue. 
c)I  tested with  different  browsers .FireFox  works correctly and  IE some  times  occured(Design issues are there)  and  sometimes not occured
4. Could you please post the part of your code where you declare the RadOrgChart so we can test its export locally?
d)please  find  the  Attached  .aspx  and  .aspx.cs  file

Regards,
Thanks&Regards
P.Suneelkumar

 

 

 

[Sunil]

Hi,

   Please  help  me  .its  a production  issue.Please  help me  plz.can  you please give me  your  gmail  ID  please .I will send  the Total  code  plz .

Thanks&Regards

P.Suneelkumar

 

 

[Ivan Danchev]

Hello,

Thank you for the screenshot.

The controls seem to be declared correctly. The size of the .PDF might be the source of the issue in your case, so I would advise you to use the pako js library to compress the exported file.

I am attaching a sample project, which includes the library and it is referenced in the .aspx file. You can try exporting your .PDF file with this project or reference the library in your own project and check if using it makes any difference or the file is still uploaded incorrectly. 

Regards,
Ivan Danchev
Telerik

 

 

[Sunil]

Thank you for giving answer on this issue. We tried to executed that procedure as per given your steps. Still it is showing same issue.

if is any further steps is there we try to resolve on this issue . please provide the appropriate steps to related this issue.

Thanks,

sunilkumar p

[Ivan Danchev]

Hello,

We could try to simulate an export of a RadOrgChart, which is as close to yours as possible, to see if the same behavior would be reproduced locally. How many nodes does your org chart contain? Also, it would be helpful if you could post the CSS you are applying to it.

Regards,
Ivan Danchev
Telerik

 

 

[Sunil]

Hi,

The  Same issue  will be  happen in  Locally  also.The  Orgchart  contains  total  190  nodes  will be there.please  find the  attached  css  file.

Thanks &Regards

P.Suneelkumar

 

 

 

 

[Sunil]

Hi,

The  Same issue  will be  happen in  Locally  also.The  Orgchart  contains  total  190  nodes  will be there.please  find the  attached  css  file.

Thanks &RegardsP.Suneelkumar

[Ivan Danchev]

Hello,

I am afraid, I was unable to reproduce the issue. I am attaching a sample project that contains a RadOrgChart bound to a List of sample data. Could you please try exporting it and see if you get the same result in the .PDF file?

You can try setting the same template and styles to the items as in your project and if you are able to reproduce the issue please post the modifications you have made so we can further investigate it.

The Telerik .dll files are removed from the Bin folder in order not to exceed the maximum allowed attachment size.

Regards,
Ivan Danchev
Telerik