Customize content and export in a PDF - wordpress

i have something planned and i don't really know how and what kind of technologies i can use for it.
I want to create a website where I can use a CMS system or manually create a template. I make this template available to the user and he can change or edit content in it. For example, if I define a div that takes 20% of the page. Then the user can color the whole thing with a color code. Or if I define an H1, then the user can insert a title there. At the end he can export the whole thing as PDF.
Or
I create a contact form with many fields. The customer can fill in everything, e. g. address, telephone number . . . he sends this form and I define internally where the fields have to be positioned in a PDF. And especially how the whole thing should look like (CSS). Is that possible?
Is there such a thing already? A plugin for any CMS system like wordpress?

I don't think that the first option will work.
You will need a form that the user will fill in.
You can use WordPress and a form builder plugin, such as Contact Form 7.
Now, regarding the exporting into PDF...do you have any programming knowledge?
If you can work with PHP, then you can use DomPDF library to export all data into a PDF file.
You can also see a similar thread here Exporting form results from Contact form 7 to PDF (fPDF)
If you don't have any PHP knowledge then you will have to google and see if there is a plugin that does what you want. You may have to use a different form builder depending on that plugin.

Related

Wordpress: How to create frontend table using data from backend DB table

I am relatively new to WP, and am trying to figure out if the following can be done, or if a plugin exists?
I am looking to save data (500K+ rows) into a SQL table (maybe a new table in WP database), and then render the results on a page (frontend) using some basic JS and CSS. Because of the size of data, I am not sure if I should use a plugin that imports from CSV/JSON and would it slow down the site.
Do I have to go all the way and create models and views and then render to an HTML, or is there an easy hack available?
As the last resort, I am also thinking of creating the table part using Flask and SQlite and use it as main domain, and WP blog as subdomain (don't know if it will impact SEO).
Request guidance from experts. TIA
There are plugins to handle table work. Use your favorite internet search engine to find them. You'll have to experiment with various plugins to get one that meets your needs if you go that route.
There two questions here.
One is how to render a table on the front end. If you do this yourself , your best bet is to create a plugin that defines a shortcode. When you write php code for that shortcode's handler, you will include code to read and render the table. You'll probably render it as an ordinary html <table>.
Then, you'll use WordPress's content editor to create a post, or a page, that contains your shortcode. When a visitor views the post or page, your shortcode handler runs and delivers the table you want.
The WordPress plugin API also gives you a way to enqueue css and Javascript to your pages. And, jquery is an inherent part of WordPress's page loads. WordPress also contains most of jqueryUI. That's handy, because there's a really nice jquery-based plugin called Datatables that will get your users some convenient features like pagination and sorting.
The second question is how to load that data into a table. The easy way would be to do it outside WordPress, with a SQL file or some other program to bulk-load it. But if you do it inside WordPress, you'll do it from an administrative page.
If you need to be able to add, update, or delete table entries from the front end, that's going to be some work.
Explaining all this in detail is far outside the scope of a Stack Overflow answer.

Generate automatic PDF letter with input form from Wordpress

I want to generate a PDF letter using some fields e.g. name, nationality etc. that the user will submit using a form on a WordPress website. The letter has a certain template and only these fields change depending on the input.
Without much detail in the question or knowledge of access to code (API) in Wordpress, you could use an API like TCPDF
Via JetPack perhaps?

How can I have template in "Create Task" (for bug reporting) in Phabricator?

I want to have a template when people from support group want to add bugs.
Here is an example (https://github.com/photonstorm/phaser/issues/new) in GitHub that I want to implement in Phabricator if possible.
Phabricator supports customizing forms, including the 'create task' form. There are a couple of ways to go about it and they are covered in the documentation.
The simplest way to customize forms is to provide default values in the URL for the links you provide, for example, say you link to the bug submission form from your documentation. You can supply the template text as part of the link itself. This can result in long ugly URLs but that can be masked by using a url shortening service.
I'll use Wikimedia's phabricator as an example of how this works. If you want to make a link to the create task form with your template text pre-filled, you construct a url like the following:
https://phabricator.wikimedia.org/maniphest/task/edit/form/1/?description=[insert template text here]
The other way to do this, which doesn't require you to store the template text in the url, is to edit the form and specify a default value for the description field. Editing forms is covered in the phabricator upstream documentation so I won't go into that, instead I refer you to the documentation section under the heading creating new forms.

WordPress: Web Form with Image/File Submission

First of all, I am absolutely new to WP.
I am hoping to build a site using WP and figured out how to manage every thing except one feature. The feature that is required is to be able to submit a form with files (images in particular) by a non member.
For example, you should be able to visit the site and fill a form and submit your image along it.
Is it possible to upload files as above? How is this achievable?
Thanks in advance.
If you are not a wordpress coder , I would sugest you use a plugin for that .
Some options :
http://wordpress.org/extend/plugins/user-submitted-posts/
http://wordpress.org/extend/plugins/tdo-mini-forms/
http://wordpress.org/extend/plugins/quick-post-widget/
http://www.gravityforms.com/category/features/
and many more ..
read also this tutorial : http://wp.tutsplus.com/tutorials/allow-users-to-submit-images-your-site/ - it is not for VISITORS but for registered users - but it might help you to understand what is needed to be done .
I would use the Contact Form 7 plugin to do this, as it's extremely easy.
In the plugin settings you'll be able to choose what parts of the form you'd like to include, adding a way to upload is one of those options. You can even limit the type of file that is being used as well the max file size.
Once you create a form in the settings, you just use its shortcode to add it to your Wordpress page.
Yes you can upload file, but it is not a Wordpress specific solution, unless you want to use a plugin. You can code html/php as per usual to achieve it:
http://www.w3schools.com/php/php_file_upload.asp
To embed it on a page, you can create a Page in Wordpress, and assign it a custom page template that you create with the upload form:
http://codex.wordpress.org/Pages#Creating_Your_Own_Page_Templates

Fb like share box in drupal website

I am making a drupal website and have a content type "quotation". The standard way of taking input in drupal is going to the create content in the menu which is not very user friendly considering your normal user.
I want to have an option to create content (i.e quotation) like in facebook, twitter or any other social networking site. A share box where someone can type in his status and can directly create content.
Also, I have two vocabularies associated with my content type and I want to accommodate them as well while using minimum space. So, how should I go about the problem.
Is there any module in Drupal which can help me in doing so or I have to write Jquery code myself.
two vocabularies associated with my
content type and I want to accommodate
them as well while using minimum
space.
Lol, sounds tough. If you want to use minimal space you'll need to simplify the workflow, ie, remove a vocabulary or 2.
You can also do something like this:
$('#node-edit').focus(function (){
// set your node form vocab to display:none and then show them when user actually uses the form
$('.vocab-wrappers').show();
// set your node form buttons to display:none and then show them when user actually uses the form
$('#node-form buttons').show();
});
To hide the vocabularies/buttons until the user is editing the content.
To get a facebook like effect, I suggest you use: http://drupal.org/project/formblock
This should get you the form and the ability to place it anywhere.
You can use form alter to hide certain parts of the form, or a form alter module, there's various options if you look in drupal modules.
http://drupal.org/project/nodeformcols
You also want http://drupal.org/project/auto_nodetitle to make the title optional, and hidden from the form.
Lastly, theme the node form in CSS/JS, making the texarea smaller and whatever other stuff you would like, recommend setting display:none on the field labels.
This should give you the correct idea for making a decent facebook-like form setup.
This should be possible:
http://drupal.org/node/464906
I've never tried it myself though.

Resources