.NET Core DinkToPDF not showing bootstrap columns properly

Question

These are my settings for DinkToPDF:

var document = new HtmlToPdfDocument()
{
    GlobalSettings =
    {
        PaperSize = PaperKind.A4,
        Orientation = Orientation.Portrait,
        Out = @Path.Combine(path, QuoteId + ".pdf")
    },
    Objects =
    {
        new ObjectSettings()
        {
            HtmlContent = result
        }
    }
};
converter.Convert(document);

When I load the view via navigation in my web app, it shows the page rendered nicely. However, when I generate the pdf, the bootstrap columns aren't used at all. Instead, the right column is pushed to the bottom as if it were in the mobile view.

Are there any other settings for DinkToPDF to use bootstrap properly?

Here is my view code:

@model APPONE.Data.Services.ViewModels.PCVM




    
    

    
    
    
    
    
    
    
    
    
    


    
        
            
                
                    
                        Summary
                    

                    
                        
                            
                                
                                    
                                        Email
                                        
                                    
                                
                                
                                    
                                        Address
                                        @Model.CommercialProfile.Address
                                    
                                
                            
                            
                                
                                    
                                        Mobile Number
                                        
                                    
                                
                                
                                    
                                        Phone Number
                                        
                                    
                                
                            
                        
                    
                    
                        
                            
                                
                                    
                                        Use Of Vehicle
                                        
                                    
                                
                            
                            
                                
                                    
                                        Vehicle Number
                                        
                                    
                                
                                
                                    
                                        Vehicle Sum Insured
                                        
                                    
                                
                            
                            
                                
                                    Extra Coverage
                                    
                                
                            
                            
                                
                                    
                                        All Drivers
                                        
                                    
                                
                                
                                    
                                        LLP
                                        
                                    
                                
                            
                            
                                
                                    
                                        SRCC
                                        
                                    
                                
                                
                                    
                                        Nature Disaster
                                        
                                    
                                
                            
                            
                                
                                    
                                        LLOP
                                        
                                    
                                
                            
                            
                                
                                    Extra Coverage
                                    
                                
                            
                            
                                
                                    
                                        Additional Named Driver
                                        
                                    
                                
                            
                        

                        
                            
                                
                                    Calculator
                                    
                                
                            
                            
                                
                                    Laminated
                                    
                                
                            
                            
                                
                                    Loading
                                    
                                
                            
                            
                                
                                    NCD
                                    
                                
                            
                            
                            
                                
                                    SubTotal
                                    
                                
                            
                            
                                
                                    AD
                                    
                                
                            
                            
                            
                                
                                    Total Premium

QuiZr · Accepted Answer

DinkToPDF is based on wkhtmltopdf and it doesn't support flexbox, which bootstrap 4 relays on.

Instead of DinkToPDF, you can use something like jsreport.net, example usage: https://stackoverflow.com/a/45840308/7874927

.NET Core DinkToPDF not showing bootstrap columns properly

Answers (1)

Related Questions