Community @ The Turning Gate
Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
- New user registrations are disabled.
- Users cannot create new topics.
- Users cannot reply to existing topics.
You are not logged in.
- Topics: Active | Unanswered
#26 Re: Backlight 2 Support » Unable to perform action: uploadRendition » 2019-02-20 05:30:34
That easy it was indeed. Thx Rod!
#27 Backlight 2 Support » Unable to perform action: uploadRendition » 2019-02-20 05:11:49
- Crizz
- Replies: 2
Hi,
I have upgraded BL and start to get the following message when uploading an image.
Any solutions?
#28 Re: Backlight 2 Support » Vanilla Form custom php » 2019-02-16 00:51:47
I did.. I used that link.. twice now..
#29 Re: Backlight 2 Support » Vanilla Form custom php » 2019-02-15 17:40:09
I send you an email by clicking on the Email link in your profile...
Could you DM me your email address please? Thank you.
#30 Re: Backlight 2 Support » Vanilla Form custom php » 2019-02-10 00:27:27
Did you got my mail Daniel?
#31 Re: Backlight 2 Support » Vanilla Form custom php » 2019-02-06 16:58:35
Thanks Daniel,
I have send you an email.
#32 Re: Backlight 2 Support » Vanilla Form custom php » 2019-02-04 04:02:48
Is there anything after that?
No
When I add } to the end it says: Unexpected error: syntax error, unexpected end of file in my-phplugins.php on line 537
When I add '}' to the end is says: Unexpected error: syntax error, unexpected end of file, expecting function (T_FUNCTION) in my-phplugins.php on line 537
This is making me nuts...
#33 Re: Backlight 2 Support » Vanilla Form custom php » 2019-02-02 23:24:20
This is line 538: } ?>
#34 Re: Backlight 2 Support » Vanilla Form custom php » 2019-02-02 22:45:32
Are you trying this in a test folder installation of Backlight. I ask because if so, starting the path to the css and script with a slash (/) won’t work, you’ll need the full url.
No.
Also, can you confirm you've uploaded the css file to /backlight/custom/css and that you've uploaded the vanilla-form/ folder (containing a js folder which contains the vanilla-form.min.js file to the backlight/ folder?
No, the css file is inside the vanilla-form/css/ folder
Yes, it was uploaded to the backlight folder, now I have moved the entire vanilla-form folder to the /custom folder like you suggested to do so.
If you move it there, be sure to change the path to it.
Done.
I have added the following script as mentioned to my-phplugings.php file
function scripts() {
echo'
<script>$(document).ready(function() {
var myForm;
myForm = new VanillaForm($("form.vanilla-form"));
});</script>
';
This script gives an error on my contact page saying the following:
Unexpected error: syntax error, unexpected '?>', expecting function (T_FUNCTION) in my-phplugins.php on line 538
#35 Re: Backlight 2 Support » Vanilla Form custom php » 2019-01-30 19:32:31
I changed the path and it seems it still ain't working. Let me see if I can give a detailed description, perhaps someone sees the mistake here.
First the manual for the use of Vanilla form.
Introduction
Thank you for using Vanilla Form. This manual shows you how easy it is to integrate Vanilla Form with your website. Vanilla Form uses JavaScript instructions to send filled data to PHP file, which works on server's end. PHP file parses data and calls PHP native function mail(). Thanks to JavaScript Asynchronous Requests your website doesn't need to reload, which improves your User Experience. Vanilla Form doesn't use annoying captcha, but it has built-in anti bot protection.
Form is an independent software which makes it fast, lightweight and scalable. You don't need to use 3rd party libraries like jQuery. But if you want to, you can easily integrate it with any library you want.
Installation - quick start
Step 1
Update PHP File and specify recipients e-mail address by filling emailRecipients and emailSender options. These email addresses will receive all form inquires/messages.
/**
* Recipient's e-mail. To this e-mail email will be sent.
* E.g. Single recipient
* 'emailRecipients' => 'john@domain.com',
*
* E.g. Multiple recipients
* 'emailRecipients' => 'john@domain.com, andy@domain.com',
*/
'emailRecipients' => 'your-email@domain.com',
/**
* If is not empty it sets a header From in e-mail message (sets sender e-mail).
* Note: some hosting servers can block sending e-mails with custom From field in header.
* If so, leave this field as empty.
* E.g. Single recipient
* 'emailSender' => 'john@domain.com',
*/
'emailSender' => 'your-email@domain.com'
After that upload this file on to your web page server. Remember to save URL for this file (it will be used in next step). To double check whether URL is valid open it in your web browser. You should see the word OK on your screen. This means that URL to PHP file is correct and PHP configuration has been done properly.
Step 2
Import Vanilla Form JavaScript file and CSS file into head section of your html document. Double check the path to these files is set correctly.
Tip: Importing minified files will increase speed of loading your web page, due the size of this files is lower.
<head>
<!-- ...some head section content... -->
<link rel="stylesheet" href="path/to/css/vanilla-form.min.css">
<script src="path/to/css/vanilla-form.min.js"></script>
</head>
Insert HTML Form markup into your website. Make sure that the action attribute in form tag has correct path to PHP file and the method attribute is set to post.
<!-- Vanilla Form markup starts here -->
<form action="standard-contact-form.php" method="post" class="vanilla-form" novalidate="novalidate">
<!-- Left column -->
<div class="column-50">
<input type="text" name="name" placeholder="Your name" required="required">
<input type="email" name="email" placeholder="Your e-mail" required="required">
</div><!--
Right column
--><div class="column-50">
<input type="tel" name="tel" placeholder="Phone">
<label class="custom-select">
<select name="department">
<option disabled selected>Select department</option>
<option>Sales</option>
<option>Marketing</option>
<option>Customer Support</option>
<option>Other</option>
</select><span><!-- fake select handler --></span>
</label>
</div>
<div class="column-100">
<textarea name="message" placeholder="Type your message here..."></textarea>
<label>
<input type="checkbox" name="terms" value="true" required="required"><span><!-- fake checkbox --></span>
<span class="wrapped-label">I agree to the <a href="#">Terms & Conditions</a>.</span>
</label>
</div>
<div class="column-100 center">
<input type="submit" value="Send" data-error="Fix errors" data-processing="Sending..." data-success="Thank you!">
</div>
<footer class="notification-box"></footer>
</form>
<!-- Vanilla Form markup ends here -->
Step 3
Finally we need to initialize Vanilla Form. Initialization needs to be done after the form markup is loaded. To do this, you need to set an event listener for DOMContentLoaded event. You can paste following code snippet into your JS file.
document.addEventListener("DOMContentLoaded", function () {
var myForm;
myForm = new VanillaForm(document.querySelector("form.vanilla-form"));
});
Check live example
You prefer jQuery? No problem! Those who use jQuery should initialize form on document ready.
$(document).ready(function() {
var myForm;
myForm = new VanillaForm($("form.vanilla-form"));
});
Check live example
Step 1 is done, when checking the file in the browser the location is correct as OK is shown.
Step 2, I have added the following to my-phplugins.php file
<?php
/*
* TTG Core Elements "PHPlugins" User Hooks v1.2 - initialization mainline
*
* developed by john bishop images (http://johnbishopimages.com)
* for Matthew Campagna of The Turning Gate (http://theturninggate.net)
*
*/
function user_load($style, $path) {
$g_tsvrl = explode(' ', $style); // Extract gallery type
define ('G_STYLE', strtoupper($g_tsvrl[1])); // and set global for later
$g_path = str_ireplace('\\','/',$path); // change \ to /
$chunks = explode('/',$g_path); // and put into array
define ('G_PATH', strtoupper($chunks[count($chunks)-2])); // gallery folder name is second to last
//define ( 'TTG_SITE', ''); // set new site root for navigation, resources, etc.
}
if (defined('BACKLIGHT_HOOK')) {
require_once(realpath(BACKLIGHT_HOOK).'/modules/module-designer/application/helpers/APHPlugins.php');
}
class PHPlugins extends APHPlugins
{
function head() {
echo '<link rel="stylesheet" type="text/css" media="all" href="/backlight/vanilla-form/css/vanilla-form.min.css">';
echo '<script src="/backlight/vanilla-form/js/vanilla-form.min.js"></script>';
}
In the template of my contact page, I have enabled PHPlugins and selected the my=phplugins.php file.
The HTML form markup code has been checked an has the correct path.
Step 3: Where do I inset the code into a JS file?
If some one is able to help me out, I can provide login details for my site / FTP.
#36 Re: Backlight 2 Support » Vanilla Form custom php » 2019-01-30 03:51:00
Thanks Daniel, but I cannot get it to work and show under my contact page.
I have added it like this now..
<?php
/*
* TTG Core Elements "PHPlugins" User Hooks v1.2 - initialization mainline
*
* developed by john bishop images (http://johnbishopimages.com)
* for Matthew Campagna of The Turning Gate (http://theturninggate.net)
*
*/
function user_load($style, $path) {
$g_tsvrl = explode(' ', $style); // Extract gallery type
define ('G_STYLE', strtoupper($g_tsvrl[1])); // and set global for later
$g_path = str_ireplace('\\','/',$path); // change \ to /
$chunks = explode('/',$g_path); // and put into array
define ('G_PATH', strtoupper($chunks[count($chunks)-2])); // gallery folder name is second to last
//define ( 'TTG_SITE', ''); // set new site root for navigation, resources, etc.
}
if (defined('BACKLIGHT_HOOK')) {
require_once(realpath(BACKLIGHT_HOOK).'/modules/module-designer/application/helpers/APHPlugins.php');
}
class PHPlugins extends APHPlugins
{
function head() {
echo '<link rel="stylesheet" type="text/css" media="all" href="backlight/vanilla-form/css/vanilla-form.min.css">';
echo '<script src="backlight/vanilla-form/js/vanilla-form.min.js"></script>';
}
#37 Re: Backlight 2 Support » Vanilla Form custom php » 2019-01-28 04:28:12
You have an example Rod? I do not see any head section in the PHPlugins..
#38 Backlight 2 Support » Vanilla Form custom php » 2019-01-27 00:12:38
- Crizz
- Replies: 24
Hi Backlighters,
I want to Vanilla Form v.2.1.0. as contact form on my website and need to do some custom php work.
So far, I managed to upload and set all values for the custom php, but I need to insert a javascript file and a css file into the head section of my html document.
The php path is set correctly as I see an OK then checking it inside the webbrowser.
This needs to be:
<head>
<!-- ...some head section content... -->
<link rel="stylesheet" href="path/to/css/vanilla-form.min.css">
<script src="path/to/css/vanilla-form.min.js"></script>
</head>
Now, I cannot find any .html document where I need to implant this for BL2.
The manual states the following as I have issues with step 2. Does this have to do with BL2 or not?
Installation - quick start
Step 1
Update PHP File and specify recipients e-mail address by filling emailRecipients and emailSender options. These email addresses will receive all form inquires/messages.
/**
* Recipient's e-mail. To this e-mail email will be sent.
* E.g. Single recipient
* 'emailRecipients' => 'john@domain.com',
*
* E.g. Multiple recipients
* 'emailRecipients' => 'john@domain.com, andy@domain.com',
*/
'emailRecipients' => 'your-email@domain.com',
/**
* If is not empty it sets a header From in e-mail message (sets sender e-mail).
* Note: some hosting servers can block sending e-mails with custom From field in header.
* If so, leave this field as empty.
* E.g. Single recipient
* 'emailSender' => 'john@domain.com',
*/
'emailSender' => 'your-email@domain.com'
After that upload this file on to your web page server. Remember to save URL for this file (it will be used in next step). To double check whether URL is valid open it in your web browser. You should see the word OK on your screen. This means that URL to PHP file is correct and PHP configuration has been done properly.
Step 2
Import Vanilla Form JavaScript file and CSS file into head section of your html document. Double check the path to these files is set correctly.
Tip: Importing minified files will increase speed of loading your web page, due the size of this files is lower.
<head>
<!-- ...some head section content... -->
<link rel="stylesheet" href="path/to/css/vanilla-form.min.css">
<script src="path/to/css/vanilla-form.min.js"></script>
</head>
Insert HTML Form markup into your website. Make sure that the action attribute in form tag has correct path to PHP file and the method attribute is set to post.
<!-- Vanilla Form markup starts here -->
<form action="standard-contact-form.php" method="post" class="vanilla-form" novalidate="novalidate">
<!-- Left column -->
<div class="column-50">
<input type="text" name="name" placeholder="Your name" required="required">
<input type="email" name="email" placeholder="Your e-mail" required="required">
</div><!--
Right column
--><div class="column-50">
<input type="tel" name="tel" placeholder="Phone">
<label class="custom-select">
<select name="department">
<option disabled selected>Select department</option>
<option>Sales</option>
<option>Marketing</option>
<option>Customer Support</option>
<option>Other</option>
</select><span><!-- fake select handler --></span>
</label>
</div>
<div class="column-100">
<textarea name="message" placeholder="Type your message here..."></textarea>
<label>
<input type="checkbox" name="terms" value="true" required="required"><span><!-- fake checkbox --></span>
<span class="wrapped-label">I agree to the <a href="#">Terms & Conditions</a>.</span>
</label>
</div>
<div class="column-100 center">
<input type="submit" value="Send" data-error="Fix errors" data-processing="Sending..." data-success="Thank you!">
</div>
<footer class="notification-box"></footer>
</form>
<!-- Vanilla Form markup ends here -->
Step 3
Finally we need to initialize Vanilla Form. Initialization needs to be done after the form markup is loaded. To do this, you need to set an event listener for DOMContentLoaded event. You can paste following code snippet into your JS file.
document.addEventListener("DOMContentLoaded", function () {
var myForm;
myForm = new VanillaForm(document.querySelector("form.vanilla-form"));
});
Check live example
You prefer jQuery? No problem! Those who use jQuery should initialize form on document ready.
$(document).ready(function() {
var myForm;
myForm = new VanillaForm($("form.vanilla-form"));
});
Check live example
That's all! Looking for more? Check the advanced customization options.
If you like this product and want to encourage me to provide constant improvements please rate it on Envato. Sky's the limit!
#39 Re: Backlight 2 Support » Disable filenames and download possible? » 2019-01-26 23:57:40
Thank you Rod.
#40 Re: Backlight 2 Support » Disable filenames and download possible? » 2019-01-26 03:48:20
Yeah.. on the other hand if you do not want them to get "stolen" don't put it online.
I was just wondering.. thanks.
#41 Backlight 2 Support » Disable filenames and download possible? » 2019-01-24 04:20:45
- Crizz
- Replies: 21
Hi,
Is it possible to not show the file names when going over an image with your mouse?
When I go over an image in my gallery I see files names appear.
Also when right clicking on an image the option to save an image is possible. Any ways of getting rit if this?
Regards,
Cris
#42 Re: Backlight 2 Support » Images appear less sharp » 2019-01-23 18:05:57
I have now deleted the album incl. content and recreated the album and re-uploaded the images. Everything seems to be fine now.
Thanks for your help guys, appreciated! Now I can continue designing.
#43 Re: Backlight 2 Support » Images appear less sharp » 2019-01-23 17:31:16
To BL2, built from scratch.. Ill see what happens when I delete all and reupload the images again.
#44 Re: Backlight 2 Support » Images appear less sharp » 2019-01-23 06:59:51
Push metadata without updating existing photos is indeed unchecked.. just marked the images again for publication and publishing them now again.
#45 Re: Backlight 2 Support » Images appear less sharp » 2019-01-23 05:10:04
@tgalex
Thanks Terry.
@Rod
Thanks.
I have now changed my settings from 900px x 600px to 2000px x 1333px and republished all the images.
On my 27' iMac with retina they still look a bit soft, even after clearing everything. On my Windows PC with 34" LG wide screen they look just fine. Strange huh..
@Matthew
The image quality is set to 82%
#46 Backlight 2 Support » Images appear less sharp » 2019-01-20 22:57:37
- Crizz
- Replies: 10
Hi,
I managed to setup a showcase page with some of my work.
One thing I noticed it that the images look unsharp as a sort of reduced quality as I have set the quality slider to the max.
To preview; www.aimhigh.aero/showcase has the images.
Any idea how this happens? The images I have exported are all edited .psd in original format.
Regards,
Cris
#47 Re: Backlight Support » How to setup Justified grid? » 2019-01-07 04:55:21
Yeah! I thought it was in galleria as it shows with the example... Oh well then.. up to Pangolin..
#48 Re: Backlight Support » How to setup Justified grid? » 2019-01-07 02:49:51
But, how do I create a justified grid then? The thumbnails below I managed to find out...
At http://theturninggate.net/backlight-2/ next to galleria is example that shows justified grid..
#49 Backlight Support » How to setup Justified grid? » 2019-01-07 01:18:03
- Crizz
- Replies: 5
Hi,
I purchased the galleria add-on but seems I cannot find any way to create a Justified grid layout.
Tried the album template option and top galleries option to see I there is a option to choose.
Could not find any thing in the documentation also...
I am only getting the galleria default layout..
Any ideas?
Cheers,
Cris
#50 Re: Backlight Support » Embed more than one video possible? » 2019-01-02 04:04:35
Thanks for the quick answer Rod! Appreciated.