X3 Release [0.17]
Posted: 12 Apr 2016, 17:09
Finally X3 0.17 is available! As many of you know, this release has been long-time in the making, and I am very excited to present the new features and fixes.
* Version 0.16 was skipped, because it merged into 0.17.
* X3 0.17.1 maintenance update was released on April 17.
Latest Demo (there are a few new pages)
https://demo.photo.gallery/
Download & Upgrade
1. Download latest version x3.latest.nocontent.zip
2. Update ALL files in your X3 folder (also root files), EXCEPT folders /content/ and /config/.
3. Enjoy!
---
Plugins
There are several new "plugins" available in X3. "Plugins" may refer to either page-plugins which are applied from page › plugins, or content-plugins, which are applied directly from within your content.
https://demo.photo.gallery/examples/plugins/
Page Intro Plugin
The new page intro plugin allows you to attach an image, gradient or color at top of page. The intro can display behind- or below the menu, at any height, and you can include page context items. I am very excited about this new plugin, because it opens many doors to create more personalized websites and pages. You could enable this plugin globally for example at 280px height, with a smooth gradient (matched to your design), and include title and description within for a very personal touch. Also, image-intros which include title and description, offer a very powerful introduction to the page.
https://demo.photo.gallery/examples/plu ... tro-image/
https://demo.photo.gallery/examples/plu ... -gradient/
Background Plugin
You asked for it: The background plugin allows you to add an image, gradient or color as background for your page.
https://demo.photo.gallery/examples/plu ... und-image/
Video Intro Plugin
The video-intro plugin allows you to add a video intro at top of page. Read all about it:
https://demo.photo.gallery/examples/plu ... deo-intro/
Comparison Slider
You asked for it: A html content plugin to interactively compare two images visually. In addition to instructions in the link below, you will find comparison slider in the panel content templates.
https://demo.photo.gallery/examples/plu ... on-slider/
Content Carousel
Use the content carousel plugin to add html elements in an interactive carousel. The carousel is not styled by default, and only provides the mechanics for the carousel function. Combined with some custom styles and custom content, it offers some great opportunities! In addition to instructions in the link below, you will find content carousel in the panel content templates.
https://demo.photo.gallery/examples/plugins/carousel/
Slidehow Intro
Slideshow intro (start page) feature is now an option from page.gallery.slideshow settings https://d.pr/i/17ZdC. No need to add separate settings and classes in various locations like before.
https://demo.photo.gallery/examples/plu ... how-intro/
Image Sorting
- Sort images by name, title or date (exif).
- Custom sort with drag-and-drop interface.
- New "grid view" mode in panel, for convenient drag-and-drop.
HTML in image captions
Allowing html in image captions offers a lot of new opportunities.
- Supports links (normal, x3-popup and popup-window).
- Dynamic support for {file_name_ext} and {file_name_ext} in href link (useful for simple e-commerce).
- Special .button class and .button-buy class for links
- Works across gallery items, captions, tooltips, popup and image-landing page.
- Defaults captions can be set per-folder.
https://demo.photo.gallery/examples/features/captions/
HTML in page titles and descriptions
Basically the same as above ... Now you can use basic html tags inside page titles and descriptions.
New image links
Now you can add links to your gallery images, which sets them to link to other pages or websites. This feature is useful for portfolio- or product pages.
- Set target window to auto, _self, _blank or popup.
- Supports {file_name}, {file_name_ext} and {path} dynamic vars. May be useful for e-commerce.
- Default page links can be set from page › image settings.
- The new "link" field is located in the panel gallery tab, below titles and descriptions in edit mode.
https://demo.photo.gallery/examples/fea ... age-links/
Image Exif Tags
You asked for it: X3 Popup now shows key image EXIF data tags below the caption. EXIF can be enabled globally, or toggled on a per-page basis. Image date is now extracted from image-exif "photo_taken" tag. If this tag is empty or does not exist for an image, server date will be used.
https://demo.photo.gallery/examples/features/exif/
---
MORE:
---
Improved Diagnostics
- Improved apache modules detection.
- Added advanced Database-connection diagnostics for panel DB-version.
- Added warning for old PHP version 5.3, recommending upgrade to 5.5 or higher.
- Warning displays if open_basedir restriction is enabled.
- Check if default timezone is set in php.ini
Image Names
- Now spaces in filenames are supported (but not recommended) for landing pages, aka /your%20image/
- HREF links (for image landing pages) space-characters(%20) are now replaced with _underscores /your_image/
- Don't mix _underscores in file names with spaces (%20)!
- image.name.with.dots.jpg support for image-landing pages
- Works with jpg/JPG/jpeg/JPEG/png/PNG etc.
More Features
- Added basic video support viewtopic.php?p=39592#p39592
- Added option to show/hide image captions in the x3-popup, on a per-page basis, from page-gallery settings https://d.pr/i/1bDHZ
- New setting "hide child pages from mobile menu" (slidemenu) viewtopic.php?f=53&t=8855&start=0
- Automatic "smart" text-alignment when using the SPLIT setting in gallery- and folders module. No need to add text-align CSS classes.
- image-url in og:image tag only resized if image is wider than 1280px
- Fixed dropdown issue if page has hidden pages.
- Portrait-aspect images in X3-popup are always requested at max 1024px width now (not 1280px), unless original image is requested. This is to prevent memory-limit errors on standard PHP shared servers. viewtopic.php?f=54&t=8838
- Max filesize for image-upload-resizing increased from 10MB to 30MB. * Keep in mind, if a user decides to upload and resize dozens of 20mb files in a single batch, it will require a lot of processing from browser, and could cause a crash if the computer has insufficient resources.
- Removed "minify" from "custom javascript", as it breaks certain javascripts. Minify does not provide any performance benefits here anyway, as page output is already Gzip compressed.
- Preview image (used in og:image, and for some sharing services), is not resized to 1280px width now if image is already smaller than 1280px
- Bigger share-links for mobile in toolbar-overlay (if toolbar enabled on mobile).
- Html-tags are stripped from document meta tags <title> <meta name="description" etc.
- Added 1-line truncate to title in carousel menu to keep things symmetric
- Updated to latest jQuery 2.2.1
- Added user-select:none to 3D logo, to prevent text-selection on click.
- Fixed issue with Yandex Metric counter viewtopic.php?p=39648#p39648
- Menu-Absolute (when menu is layered over slideshow, video or plugins) now uses semi-transparent DARK background also on dark skins.
- Added unique page- and slug classes for each page, to be used for page-specific styling with CSS. Can be used to style elements for multiple pages or sections.
- Moved Font-Awesome CDN resources to cdnjs.com. Seems more consistent than jsdelivr, and is faster to load all resources from a single DNS checkup.
- Remove truncation in captions (it creates more problems than it does good)
Big Fixes
- Improved html5 localStorage detection, and fixed a bug that could break X3 if localStorage is disabled from browser settings.
- Fixed bug where lazy asset CSS files could get loaded twice
- Fixed issue where '&' (and other html-charaters) fails in list menu category header. viewtopic.php?f=54&t=8806&start=0
- Fixed bug in mega-menu when using "double-quotes" in title or description.
- Fixed bug in carousel-video when displaying vimeo/youtube videos from ssl/https website.
- Fixed bug with preview_image not set on initial page for some sharing-service (pinterest).
- GLOB_BRACE removed to fix issues on Apache running on Sun OS viewtopic.php?p=39489#p39489
- Fixed navigation between image-landing pages if numbered images
- Fixed minor bug where image titles- and descriptions containing only numbers don't display in popup caption viewtopic.php?f=54&t=8847&start=0
- Fixed bug with slideshow toggle-play button in IE11/IE10 viewtopic.php?f=54&t=8929&start=0
- Fixed issue in panel when adding "double-quotes" in image titles
Panel
- Added GRID view in panel
- On "Create New Folder" name input, disallowed characters (#$%^&*()+=[]'"/\|{}`~!@) are blocked, and empty spaces are replaced with -hyphens. New help-messages display below the input field on user text-input.
- New setting "Auto Image Orientation" in panel-uploader settings, which auto-rotates images based on EXIF orientation.
- General UI improvements
- Removed concatenation of panel javascript files loaded from jsdelivr CDN, since this no longer provides any benefit with the new http/2 protocol. In fact, it will perform- and cache better with individual requests.
- Added resized preview-image support for png/jpeg/gif extensions.
- Popup now displays png/jpeg/gif
- Image titles- and descriptions now display in popup
- Set folder preview image directly from gallery now viewtopic.php?p=39440#p39440
- Improved sorting by name in panel natcasesort - Sorts items by name as humans would read them.
- Additional "warning" when trying to rename 1.index/index home page viewtopic.php?p=39684#p39684
- Added confirmation dialog before resetting settings (tools->reset) viewtopic.php?f=55&t=8859&start=0
- Improved font support in panel with "Source Sans Pro", including extended latin character set.
- Improved "guest" login. Set login to guest/guest, and guest-login message will display screen. Don't use this unless you have disabled write permissions for everything inside /config/ and /content/. This emulates the x3 demo gallery.
- Added favicon to panel (from content/custom/favicon.favicon.png)
- Added "super" and "user" body classes to panel, depending on user type. Allows adding classes that target specific user-types.
- New content templates for comparison-slider plugin, content carousel and popup links.
Panel Database
- Added Database Connection Checker /panel/db_check.php [demo]
- The panel database install FORM now only displays if 1) "use DB" is selected in panel settings, 2) All DB details are correct, 3) the DB is not already installed in the current DB name. In all other cases, the DB install page will display a warning.
- Real-time connection diagnostics for panel database version on login and install script.
- Added Database setup instructions to panel DB settings.
Panel Bugs
- Fixed bug with "delete selected items" viewtopic.php?f=54&t=8912&start=0
- Fixed various bugs when using the menu's own context-menu for renaming, deleting, moving, copying, uploading and creating new folders.
- Patched issue with mod_security module blocking save settings viewtopic.php?p=38944#p38944
- Updated optional Panel DB connection interface from MySQL to MySQLi to support new PHP7 viewtopic.php?p=39327#p39327
- Removed dysfunctional filemanager_assets/.htaccess
- Fixed various bugs and issues for non-admin DB users
- Fixed support for /config/panel.css for DB-user panel logins
* Version 0.16 was skipped, because it merged into 0.17.
* X3 0.17.1 maintenance update was released on April 17.
Latest Demo (there are a few new pages)
https://demo.photo.gallery/
Download & Upgrade
1. Download latest version x3.latest.nocontent.zip
2. Update ALL files in your X3 folder (also root files), EXCEPT folders /content/ and /config/.
3. Enjoy!
---
Plugins
There are several new "plugins" available in X3. "Plugins" may refer to either page-plugins which are applied from page › plugins, or content-plugins, which are applied directly from within your content.
https://demo.photo.gallery/examples/plugins/
Page Intro Plugin
The new page intro plugin allows you to attach an image, gradient or color at top of page. The intro can display behind- or below the menu, at any height, and you can include page context items. I am very excited about this new plugin, because it opens many doors to create more personalized websites and pages. You could enable this plugin globally for example at 280px height, with a smooth gradient (matched to your design), and include title and description within for a very personal touch. Also, image-intros which include title and description, offer a very powerful introduction to the page.
https://demo.photo.gallery/examples/plu ... tro-image/
https://demo.photo.gallery/examples/plu ... -gradient/
Background Plugin
You asked for it: The background plugin allows you to add an image, gradient or color as background for your page.
https://demo.photo.gallery/examples/plu ... und-image/
Video Intro Plugin
The video-intro plugin allows you to add a video intro at top of page. Read all about it:
https://demo.photo.gallery/examples/plu ... deo-intro/
Comparison Slider
You asked for it: A html content plugin to interactively compare two images visually. In addition to instructions in the link below, you will find comparison slider in the panel content templates.
https://demo.photo.gallery/examples/plu ... on-slider/
Content Carousel
Use the content carousel plugin to add html elements in an interactive carousel. The carousel is not styled by default, and only provides the mechanics for the carousel function. Combined with some custom styles and custom content, it offers some great opportunities! In addition to instructions in the link below, you will find content carousel in the panel content templates.
https://demo.photo.gallery/examples/plugins/carousel/
Slidehow Intro
Slideshow intro (start page) feature is now an option from page.gallery.slideshow settings https://d.pr/i/17ZdC. No need to add separate settings and classes in various locations like before.
https://demo.photo.gallery/examples/plu ... how-intro/
Image Sorting
- Sort images by name, title or date (exif).
- Custom sort with drag-and-drop interface.
- New "grid view" mode in panel, for convenient drag-and-drop.
HTML in image captions
Allowing html in image captions offers a lot of new opportunities.
- Supports links (normal, x3-popup and popup-window).
- Dynamic support for {file_name_ext} and {file_name_ext} in href link (useful for simple e-commerce).
- Special .button class and .button-buy class for links
- Works across gallery items, captions, tooltips, popup and image-landing page.
- Defaults captions can be set per-folder.
https://demo.photo.gallery/examples/features/captions/
HTML in page titles and descriptions
Basically the same as above ... Now you can use basic html tags inside page titles and descriptions.
New image links
Now you can add links to your gallery images, which sets them to link to other pages or websites. This feature is useful for portfolio- or product pages.
- Set target window to auto, _self, _blank or popup.
- Supports {file_name}, {file_name_ext} and {path} dynamic vars. May be useful for e-commerce.
- Default page links can be set from page › image settings.
- The new "link" field is located in the panel gallery tab, below titles and descriptions in edit mode.
https://demo.photo.gallery/examples/fea ... age-links/
Image Exif Tags
You asked for it: X3 Popup now shows key image EXIF data tags below the caption. EXIF can be enabled globally, or toggled on a per-page basis. Image date is now extracted from image-exif "photo_taken" tag. If this tag is empty or does not exist for an image, server date will be used.
https://demo.photo.gallery/examples/features/exif/
---
MORE:
---
Improved Diagnostics
- Improved apache modules detection.
- Added advanced Database-connection diagnostics for panel DB-version.
- Added warning for old PHP version 5.3, recommending upgrade to 5.5 or higher.
- Warning displays if open_basedir restriction is enabled.
- Check if default timezone is set in php.ini
Image Names
- Now spaces in filenames are supported (but not recommended) for landing pages, aka /your%20image/
- HREF links (for image landing pages) space-characters(%20) are now replaced with _underscores /your_image/
- Don't mix _underscores in file names with spaces (%20)!
- image.name.with.dots.jpg support for image-landing pages
- Works with jpg/JPG/jpeg/JPEG/png/PNG etc.
More Features
- Added basic video support viewtopic.php?p=39592#p39592
- Added option to show/hide image captions in the x3-popup, on a per-page basis, from page-gallery settings https://d.pr/i/1bDHZ
- New setting "hide child pages from mobile menu" (slidemenu) viewtopic.php?f=53&t=8855&start=0
- Automatic "smart" text-alignment when using the SPLIT setting in gallery- and folders module. No need to add text-align CSS classes.
- image-url in og:image tag only resized if image is wider than 1280px
- Fixed dropdown issue if page has hidden pages.
- Portrait-aspect images in X3-popup are always requested at max 1024px width now (not 1280px), unless original image is requested. This is to prevent memory-limit errors on standard PHP shared servers. viewtopic.php?f=54&t=8838
- Max filesize for image-upload-resizing increased from 10MB to 30MB. * Keep in mind, if a user decides to upload and resize dozens of 20mb files in a single batch, it will require a lot of processing from browser, and could cause a crash if the computer has insufficient resources.
- Removed "minify" from "custom javascript", as it breaks certain javascripts. Minify does not provide any performance benefits here anyway, as page output is already Gzip compressed.
- Preview image (used in og:image, and for some sharing services), is not resized to 1280px width now if image is already smaller than 1280px
- Bigger share-links for mobile in toolbar-overlay (if toolbar enabled on mobile).
- Html-tags are stripped from document meta tags <title> <meta name="description" etc.
- Added 1-line truncate to title in carousel menu to keep things symmetric
- Updated to latest jQuery 2.2.1
- Added user-select:none to 3D logo, to prevent text-selection on click.
- Fixed issue with Yandex Metric counter viewtopic.php?p=39648#p39648
- Menu-Absolute (when menu is layered over slideshow, video or plugins) now uses semi-transparent DARK background also on dark skins.
- Added unique page- and slug classes for each page, to be used for page-specific styling with CSS. Can be used to style elements for multiple pages or sections.
- Moved Font-Awesome CDN resources to cdnjs.com. Seems more consistent than jsdelivr, and is faster to load all resources from a single DNS checkup.
- Remove truncation in captions (it creates more problems than it does good)
Big Fixes
- Improved html5 localStorage detection, and fixed a bug that could break X3 if localStorage is disabled from browser settings.
- Fixed bug where lazy asset CSS files could get loaded twice
- Fixed issue where '&' (and other html-charaters) fails in list menu category header. viewtopic.php?f=54&t=8806&start=0
- Fixed bug in mega-menu when using "double-quotes" in title or description.
- Fixed bug in carousel-video when displaying vimeo/youtube videos from ssl/https website.
- Fixed bug with preview_image not set on initial page for some sharing-service (pinterest).
- GLOB_BRACE removed to fix issues on Apache running on Sun OS viewtopic.php?p=39489#p39489
- Fixed navigation between image-landing pages if numbered images
- Fixed minor bug where image titles- and descriptions containing only numbers don't display in popup caption viewtopic.php?f=54&t=8847&start=0
- Fixed bug with slideshow toggle-play button in IE11/IE10 viewtopic.php?f=54&t=8929&start=0
- Fixed issue in panel when adding "double-quotes" in image titles
Panel
- Added GRID view in panel
- On "Create New Folder" name input, disallowed characters (#$%^&*()+=[]'"/\|{}`~!@) are blocked, and empty spaces are replaced with -hyphens. New help-messages display below the input field on user text-input.
- New setting "Auto Image Orientation" in panel-uploader settings, which auto-rotates images based on EXIF orientation.
- General UI improvements
- Removed concatenation of panel javascript files loaded from jsdelivr CDN, since this no longer provides any benefit with the new http/2 protocol. In fact, it will perform- and cache better with individual requests.
- Added resized preview-image support for png/jpeg/gif extensions.
- Popup now displays png/jpeg/gif
- Image titles- and descriptions now display in popup
- Set folder preview image directly from gallery now viewtopic.php?p=39440#p39440
- Improved sorting by name in panel natcasesort - Sorts items by name as humans would read them.
- Additional "warning" when trying to rename 1.index/index home page viewtopic.php?p=39684#p39684
- Added confirmation dialog before resetting settings (tools->reset) viewtopic.php?f=55&t=8859&start=0
- Improved font support in panel with "Source Sans Pro", including extended latin character set.
- Improved "guest" login. Set login to guest/guest, and guest-login message will display screen. Don't use this unless you have disabled write permissions for everything inside /config/ and /content/. This emulates the x3 demo gallery.
- Added favicon to panel (from content/custom/favicon.favicon.png)
- Added "super" and "user" body classes to panel, depending on user type. Allows adding classes that target specific user-types.
- New content templates for comparison-slider plugin, content carousel and popup links.
Panel Database
- Added Database Connection Checker /panel/db_check.php [demo]
- The panel database install FORM now only displays if 1) "use DB" is selected in panel settings, 2) All DB details are correct, 3) the DB is not already installed in the current DB name. In all other cases, the DB install page will display a warning.
- Real-time connection diagnostics for panel database version on login and install script.
- Added Database setup instructions to panel DB settings.
Panel Bugs
- Fixed bug with "delete selected items" viewtopic.php?f=54&t=8912&start=0
- Fixed various bugs when using the menu's own context-menu for renaming, deleting, moving, copying, uploading and creating new folders.
- Patched issue with mod_security module blocking save settings viewtopic.php?p=38944#p38944
- Updated optional Panel DB connection interface from MySQL to MySQLi to support new PHP7 viewtopic.php?p=39327#p39327
- Removed dysfunctional filemanager_assets/.htaccess
- Fixed various bugs and issues for non-admin DB users
- Fixed support for /config/panel.css for DB-user panel logins