I'm using Kartik yii2-mpdf exporter to export a yii2 page. This page uses the Kartik GridView and the group option for a column ('group'=>true). The page looks like this: http://demos.krajee.com/group-grid-demo/2 (the build in exporter in this demo works)
When i use kartik mpdf exporter the columns just don't get grouped; displaying the page in the browser works.
I was wondering, how to make the group within the pdf.
UPDATE:
mpdf is rendering rows with rowspan correctly. so the problem i had was actual the data i provided for the gridview. Kartik's GridView is modifying the output with js to show up the rowspan correctly. So i build the table on my own, through looping through the data. A good example what is working with yii2-mpdf can be found here.
Besides this, i'm really wondering, how the export into pdf within kartik group grid is working?
Related
I am trying to add an image on as logo before headers in excel and pdf using ExportMenu by Kartik but unable to do so. I was successful in adding an image by using grid view and added images by passing in the table header and td so when exporting the grid, the image was prepended. But I am unable to do a Similar thing in ExportMenu and I am using ExportMenu by Kartik because exporting content from gridview was an issue because it had to load all the data on the page and it took a lot of time. So for a smaller number of records, it was working fine but for a larger number like 100k+, exporting gridview was not an ideal solution. Even right now, it is taking time for 1000+ records although I am using pagination and using batch tool of Kartik. So I am in need of a Solution on how to export images before the header (I Used contentBefore aswell but it doesn't allow images but string values only - https://demos.krajee.com/export). Any idea or help would be much appreciated
Using Elementor Pro and ACF Pro.
So i have setup all acf post/page fields in the acf/init hook. I also setup an options page within the same hook.
In the Elementor editor, when selecting a dynamic field. all ACF fields for posts/pages are listed as an option field. e.g option:banner image. And Nothing is displayed when selecting one.
If i remove the options page. All goes back to normal and can select the actual ACF fields in the dynamic dropdown.
Any ideas why this could be happening?
Ive tried adding the options page in functions.php and the options fields in acf/init hook. same result
You should add an image/test to the fields in the page/post edit. Once you add a value to the fields you created in ACF for post/page, they will start to show as in dynamic.
I am using PrimeFaces 6.1. I am trying to export a dataTable with footer using the dataExporter component. The footer is correctly exported for CSV and XLS formats but for PDF it simply refuses to include it. Tried using both p:column's footerText and f:facet footer and got the same behavior.
I also tried switching to PrimeFaces Extensions exporter and it finally included the footer in the PDF export but also some raw HTML from the table's columns that I don't know how to exclude (e.g. HTML used to display some font awesome icons...). I would prefer to continue using the Primefaces' dataExporter since it already exports the data correctly (only text) but make it export the footer as well.
Any ideas on how to make it work?
Recently I struggled to achieve footer facet columns in CSV export.
The solution was: Usage of
<p:column footerText="..."...
There are also attributes exportHeaderValue and exportFooterValue to override UI values in the export result.
This way the footer content showed up in the UI and via dataExporter in CSV and PDF.
I'm starting using Angularjs. I have a simple project (HTML + javascript/Angular js). When I visualize the HTML file on my browser I see a second hidden elements. Do you maybe know the reason? How can I solve this?
This problem is caused by the way Angular works. I guess that you are able to see the skeleton of angular (something like {{"your variable"}}) for a second and then the data is rendered to it.
Your angular scripts are called once the page is loaded, so the delay in fetching data from server by your $http.get() methods causes the elements to appear without data.
Thankfully, AngularJS has a simple solution to the problem in the form of ng-cloak directive. Refer the documentation for details.
https://docs.angularjs.org/api/ng/directive/ngCloak
I'm using Bootstrap's single page view template, specifically this one:
http://www.bootply.com/85746
I'm at the point where I have almost 500 lines of code in my view and I'm going to have many more.
Is there a way to create partial views with Angularjs where every section in the view will render from a partial view? I understand that I can only use one ng-view directive in a page so using it is not going to work. I could not find any solution for it on the web.
Thank you,
Mila
Try ui-router, which is a great solution to flexible routing with nested views.