Design Issue in Export RadOrgchart to PDf

21 posts, 0 answers
  1. Sunil
    Sunil avatar
    13 posts
    Member since:
    Jan 2014

    Posted 01 Apr 2015 Link to this post

    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
  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    836 posts

    Posted 06 Apr 2015 Link to this post

    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
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Sunil
    Sunil avatar
    13 posts
    Member since:
    Jan 2014

    Posted 10 Apr 2015 Link to this post

    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

     

     

     

     

     

  5. Ivan Danchev
    Admin
    Ivan Danchev avatar
    836 posts

    Posted 10 Apr 2015 Link to this post

    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
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  6. Sunil
    Sunil avatar
    13 posts
    Member since:
    Jan 2014

    Posted 10 Apr 2015 Link to this post

    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

     

     

  7. Sunil
    Sunil avatar
    13 posts
    Member since:
    Jan 2014

    Posted 11 Apr 2015 in reply to Sunil Link to this post

    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

  8. Sunil
    Sunil avatar
    13 posts
    Member since:
    Jan 2014

    Posted 11 Apr 2015 in reply to Sunil Link to this post

    Please find the attachment here
  9. Ivan Danchev
    Admin
    Ivan Danchev avatar
    836 posts

    Posted 13 Apr 2015 Link to this post

    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
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  10. Sunil
    Sunil avatar
    13 posts
    Member since:
    Jan 2014

    Posted 14 Apr 2015 in reply to Ivan Danchev Link to this post

    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".

  11. Ivan Danchev
    Admin
    Ivan Danchev avatar
    836 posts

    Posted 14 Apr 2015 Link to this post

    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: Regards,
    Ivan Danchev
    Telerik
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  12. Sunil
    Sunil avatar
    13 posts
    Member since:
    Jan 2014

    Posted 15 Apr 2015 in reply to Ivan Danchev Link to this post

    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

  13. Sunil
    Sunil avatar
    13 posts
    Member since:
    Jan 2014

    Posted 15 Apr 2015 in reply to Sunil Link to this post

    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

     

     

     

  14. Ivan Danchev
    Admin
    Ivan Danchev avatar
    836 posts

    Posted 16 Apr 2015 Link to this post

    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
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  15. Sunil
    Sunil avatar
    13 posts
    Member since:
    Jan 2014

    Posted 17 Apr 2015 in reply to Ivan Danchev Link to this post

    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

     

     

     

  16. Sunil
    Sunil avatar
    13 posts
    Member since:
    Jan 2014

    Posted 17 Apr 2015 in reply to Sunil Link to this post

    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

     

     

  17. Ivan Danchev
    Admin
    Ivan Danchev avatar
    836 posts

    Posted 20 Apr 2015 Link to this post

    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
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  18. Sunil
    Sunil avatar
    13 posts
    Member since:
    Jan 2014

    Posted 01 May 2015 in reply to Ivan Danchev Link to this post

    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

  19. Ivan Danchev
    Admin
    Ivan Danchev avatar
    836 posts

    Posted 04 May 2015 Link to this post

    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
     

    See What's Next in App Development. Register for TelerikNEXT.

     
  20. Sunil
    Sunil avatar
    13 posts
    Member since:
    Jan 2014

    Posted 04 May 2015 in reply to Ivan Danchev Link to this post

    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

     

     

     

     

  21. Sunil
    Sunil avatar
    13 posts
    Member since:
    Jan 2014

    Posted 04 May 2015 in reply to Sunil Link to this post

    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

  22. Ivan Danchev
    Admin
    Ivan Danchev avatar
    836 posts

    Posted 06 May 2015 Link to this post

    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
     

    See What's Next in App Development. Register for TelerikNEXT.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017