<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<base href="https://www.dmxzone.com/">
<link href="//js.stripe.com" rel="dns-prefetch">
<link href="//fonts.googleapis.com" rel="dns-prefetch">
<link href="//image.providesupport.com" rel="dns-prefetch">
<link href="//www.google-analytics.com" rel="dns-prefetch">
<title>
Index - DMXzone.COM
</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Dreamweaver MX, Dreamweaver CS3, Adobe Dreamweaver, DMXzone, CSS, ultradev, flash, dreamweaver mx, fireworks mx, macromedia mx, tutorials, extensions, swf, mxp, mxi, developers, asp, jsp, cf, cold fusion, mac, javascript, .net, aspx, dotnet" name="keywords">
<meta content="DMXzone.com the place for all Web Designers and Developers using Dreamweaver! Here you can find tutorials, Dreamweaver extensions, plug-ins, faqs en much more!" name="description">
<meta content="noodp" name="robots">
<meta content="266340160226" property="fb:page_id">
<meta content="100000218258462,1342776344" property="fb:admins">
<link href="https://www.dmxzone.com/9/blog/" rel="canonical">
<link href="/rss/9" rel="alternate" title="RSS 2.0" type="application/rss+xml">
<link href="/feed/9" rel="alternate" title="Atom 1.0" type="application/atom+xml">
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="/favicon.ico" rel="icon" type="image/x-icon">
<link href="//fonts.googleapis.com/css?family=Alegreya:400italic,700italic,400,700" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic,500,500italic,300,300italic" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<link href="/dmx/widgets/Lightbox/styles/default/style.css" rel="stylesheet">
<link href="styles/stylesheet.css?20170606" rel="stylesheet">
<link href="/manifest.json" rel="manifest">
<script async="" src="https://cdn.onesignal.com/sdks/OneSignalSDK.js">
</script>
<script>
var OneSignal = window.OneSignal || [];
OneSignal.push(["init",{
appId: "861e814c-64ba-423c-a612-1fc4df0e7ef6",
autoRegister: false,
notifyButton: {
enable: true,
position: 'bottom-left'
}
}]);
</script>
<script src="javascript/jquery-1.11.3.min.js">
</script>
<script type="text/javascript">
var BASE_URL = '/';
var USER_EMAIL = '';
var STRIPE_USER = '';
var STRIPE_PUBLIC_KEY = 'pk_live_gD6wskEEIuG9Y7AFGjST6dfw';
</script>
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount','UA-1832653-1'], ['_setDomainName','www.dmxzone.com'], ['_setCustomVar',1,'Login','false',3], ['_setCustomVar',2,'Section','Blog',3], ['_setCustomVar',3,'DiscountCode','',3], ['_setCustomVar',4,'CartItems','0',3], ['_setCustomVar',5,'CartTotal','GBP 0',3], ['_trackPageview']);
</script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API = Tawk_API || {
}, Tawk_LoadStart = new Date();
Tawk_API.onLoad = function() {
Tawk_API.setAttributes({
'in-cart': 'Nothing'
}, function(error) {
});
};
(function() {
var s1 = document.createElement("script"), s0 = document.getElementsByTagName("script")[0];
s1.async = true;
s1.src = 'https://embed.tawk.to/56dd4e2cba96cf5d2cafc9af/default';
s1.charset = 'UTF-8';
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);
})();
</script>
<!--End of Tawk.to Script-->
</head>
<body class="page-index">
<div id="fb-root">
</div>
<form id="currencyChanger" method="post" style="display:none;">
<input name="currency" value="3">
</form>
<div class="header">
<div class="mobile">
<div class="header">
<div class="header-title">
<a data-toggle="#header-nav" href="javascript:void(0);" onclick="$('.header-popup:not(#header-nav)').hide();">
<i class="fa fa-bars">
</i>
</a>
<a href="/">
<b>
DMX
</b>
|ZONE
</a>
<a class="pull-right" data-toggle="#header-filter" href="javascript:void(0);" onclick="$('.header-popup:not(#header-filter)').hide();">
<i class="fa fa-filter">
</i>
</a>
<a class="pull-right" data-toggle="#header-search" href="javascript:void(0);" onclick="$('.header-popup:not(#header-search)').hide();">
<i class="fa fa-search">
</i>
</a>
<a class="pull-right" href="#" onclick="$.dmxPopup.open('https://www.dmxzone.com/popup/login.asp', { title: 'Login' });">
<i class="fa fa-user">
</i>
</a>
</div>
<ul class="header-nav header-popup" id="header-nav">
<li>
<a href="/9">
Blog
</a>
<!-- -->
</li>
<li>
<a href="/2">
Articles
</a>
<!-- <ul> <li><a href="/2">Manuals</a></li> <li><a href="/2">Premium Content</a></li> <li><a href="/2">Reviews</a></li> <li><a href="/2">FAQs</a></li> <li><a href="/2">e-Magazines</a></li> <li><a href="/2">e-Books</a></li> <li><a href="/2">Books</a></li> </ul> -->
</li>
<li>
<a href="/3">
Extensions
</a>
<!-- -->
</li>
<li>
<a href="/66">
Templates
</a>
<!-- -->
</li>
<li>
<a href="/76">
Showcases
</a>
<!-- -->
</li>
<li>
<a href="/75">
Videos
</a>
<!-- -->
</li>
<li>
<a href="/77">
Subscriptions
</a>
<!-- -->
</li>
</ul>
<form action="/search.asp" class="header-login header-popup" id="header-search" method="get">
<ul>
<li>
<input name="searchString" placeholder="Search" type="text">
<input name="action" type="hidden" value="Search">
<input name="STypeId" type="hidden" value="9">
</li>
<li>
<button class="btn btn-primary" type="submit">
Search
</button>
</li>
</ul>
</form>
<ul class="header-filter header-popup" id="header-filter">
<li>
<a href="/9/blog">
All Categories
</a>
</li>
<li>
<a class="color-announcements" href="/9-1067/announcements">
<span class="badge pull-right">
371
</span>
<span class="cat-icon icon-announcements">
</span>
Announcements
</a>
</li>
<li>
<a class="color-extensions" href="/9-1068/extensions">
<span class="badge pull-right">
220
</span>
<span class="cat-icon icon-extensions">
</span>
Extensions
</a>
</li>
<li>
<a class="color-premium-content" href="/9-1069/premium-content">
<span class="badge pull-right">
5
</span>
<span class="cat-icon icon-premium-content">
</span>
Premium Content
</a>
</li>
<li>
<a class="color-templates" href="/9-1070/templates">
<span class="badge pull-right">
13
</span>
<span class="cat-icon icon-templates">
</span>
Templates
</a>
</li>
<li>
<a class="color-showcases" href="/9-1071/showcases">
<span class="badge pull-right">
87
</span>
<span class="cat-icon icon-showcases">
</span>
Showcases
</a>
</li>
<li>
<a class="color-videos" href="/9-1072/videos">
<span class="badge pull-right">
58
</span>
<span class="cat-icon icon-videos">
</span>
Videos
</a>
</li>
<li>
<a class="color-weekly-summary" href="/9-1073/weekly-summary">
<span class="badge pull-right">
70
</span>
<span class="cat-icon icon-weekly-summary">
</span>
Weekly Summary
</a>
</li>
</ul>
</div>
</div>
<div class="container desktop">
<div class="col-1-4">
<a href="/">
<div class="logo">
</div>
</a>
</div>
<div class="col-3-4">
<div class="topnav">
<a href="#" onclick="$.dmxPopup.open('https://www.dmxzone.com/popup/register.asp', { title: 'Register' });">
Register
</a>
<span class="vertical-separator">
</span>
<a href="#" onclick="$.dmxPopup.open('https://www.dmxzone.com/popup/login.asp', { title: 'Login' });">
Login
</a>
<form action="/search.asp" style="display:inline">
<input accesskey="s" class="search" id="siteSearch" name="searchString" placeholder="Search…" type="search">
<input id="typeId" name="STypeId" type="hidden" value="9">
<input name="action" type="hidden" value="Search">
</form>
</div>
<div class="mainnav">
<ul>
<li class="active">
<a href="/9/blog">
Blog
</a>
</li>
<li class="subnav">
<a href="/2/articles">
Articles
</a>
<ul>
<li>
<a href="/78/manuals">
Manuals
</a>
</li>
<li>
<a href="/28/premium-content">
Premium Content
</a>
</li>
<li>
<a href="/67/reviews">
Reviews
</a>
</li>
<li>
<a href="/7/faqs">
FAQs
</a>
</li>
<li>
<a href="/51/e-magazines">
e-Magazines
</a>
</li>
<li>
<a href="/33/e-books">
e-Books
</a>
</li>
<li>
<a href="/5/books">
Books
</a>
</li>
</ul>
</li>
<li class="">
<a href="/3/extensions">
Extensions
</a>
</li>
<li class="">
<a href="/66/templates">
Templates
</a>
</li>
<li class="">
<a href="/76/showcases">
Showcases
</a>
</li>
<li class="">
<a href="/75/videos">
Videos
</a>
</li>
<li class="">
<a href="/77/subscriptions">
Subscriptions
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="gutter">
</div>
<div class="main">
<div class="container DMXzone blog">
<aside class="left">
<div class="desktop">
</div>
<div class="item desktop">
<h4>
Categories
</h4>
<!--<input type="search" class="search" placeholder="Search..." value="" onchange="window.location = '/index.asp?filter='+this.value" />-->
<ul class="list">
<li>
<a href="/9/blog">
All Categories
</a>
</li>
<li>
<a class="color-announcements" href="/9-1067/announcements">
<span class="badge pull-right">
371
</span>
<span class="cat-icon icon-announcements">
</span>
Announcements
</a>
</li>
<li>
<a class="color-extensions" href="/9-1068/extensions">
<span class="badge pull-right">
220
</span>
<span class="cat-icon icon-extensions">
</span>
Extensions
</a>
</li>
<li>
<a class="color-premium-content" href="/9-1069/premium-content">
<span class="badge pull-right">
5
</span>
<span class="cat-icon icon-premium-content">
</span>
Premium Content
</a>
</li>
<li>
<a class="color-templates" href="/9-1070/templates">
<span class="badge pull-right">
13
</span>
<span class="cat-icon icon-templates">
</span>
Templates
</a>
</li>
<li>
<a class="color-showcases" href="/9-1071/showcases">
<span class="badge pull-right">
87
</span>
<span class="cat-icon icon-showcases">
</span>
Showcases
</a>
</li>
<li>
<a class="color-videos" href="/9-1072/videos">
<span class="badge pull-right">
58
</span>
<span class="cat-icon icon-videos">
</span>
Videos
</a>
</li>
<li>
<a class="color-weekly-summary" href="/9-1073/weekly-summary">
<span class="badge pull-right">
70
</span>
<span class="cat-icon icon-weekly-summary">
</span>
Weekly Summary
</a>
</li>
</ul>
</div>
</aside>
<div id="center">
<div id="content">
<h1>
Explore the Blog
</h1>
<div class="index-container" style="clear: both;width: 100%;">
<div class="item">
<div class="article card border-color-announcements" style="border-top:4px solid; padding:0;">
<a href="/go/33539/wappler-7-is-here-and-8212-smarter-faster-fully-ai-powered">
<img src="/res/w908/downloads/IdImages/wappler-7.png" style="width: 100%; margin-bottom: 16px;">
</a>
<div class="item-tag background-color-announcements">
<a class="text-color-white" href="/9-1067/announcements">
Announcements
</a>
</div>
<div class="article-body">
<h2 style="margin-top:0;">
<a href="/go/33539/wappler-7-is-here-and-8212-smarter-faster-fully-ai-powered">
Wappler 7 Is Here — Smarter. Faster. Fully AI-Powered.
</a>
</h2>
<p>
We’re excited to introduce Wappler 7 — our biggest, smartest, and most innovative release yet!
</p>
<p>
With
<span style="font-weight: bold">
fully integrated AI
</span>
,
<span style="font-weight: bold">
lightning-fast workflows
</span>
, and a
<span style="font-weight: bold">
refined UI
</span>
, Wappler 7 takes
<span style="font-weight: bold">
low-code
</span>
development to the next level. From database scaffolding to visual logic flows,
<span style="font-weight: bold">
AI now powers
</span>
every part of your workflow.
</p>
<p>
A huge thank you to our amazing
<span style="font-weight: bold">
<a href="https://community.wappler.io/">
Wappler Community
</a>
</span>
for all your feedback, testing, and support — you helped shape this release.
</p>
<p>
Explore
<span style="font-weight: bold">
<a href="https://wappler.io/features/v7" title="Wappler 7 Features">
what’s new
</a>
</span>
and try Wappler 7 today
</p>
<p>
<a class="btn btn-green" href="https://wappler.io/">
Get Wappler 7 Now!
</a>
</p>
<a class="btn btn-small btn-right btn-green btn-hover" href="/go/33539/wappler-7-is-here-and-8212-smarter-faster-fully-ai-powered">
Read More
</a>
</div>
<div class="article-footer">
<div class="pull-left">
<span>
<i class="fa fa-clock-o">
</i>
June 23, 2025
</span>
<span>
<i class="fa fa-user">
</i>
<a href="/user/458385/">
Teodor Kuduschiev
</a>
</span>
</div>
<div class="pull-right">
</div>
</div>
</div>
</div>
<div class="item">
<div class="article card border-color-announcements" style="border-top:4px solid; padding:0;">
<a href="/go/33518/wappler-6-released">
<img src="/res/w908/downloads/IdImages/wappler-6.png" style="width: 100%; margin-bottom: 16px;">
</a>
<div class="item-tag background-color-announcements">
<a class="text-color-white" href="/9-1067/announcements">
Announcements
</a>
</div>
<div class="article-body">
<h2 style="margin-top:0;">
<a href="/go/33518/wappler-6-released">
Wappler 6 Released!
</a>
</h2>
<p>
We're thrilled to announce the launch of
<span style="font-weight: bold">
Wappler 6
</span>
, a significant milestone that brings a wave of
<span style="font-weight: bold">
improvements
</span>
and
<span style="font-weight: bold">
exciting new features
</span>
, such as
<span style="font-weight: bold">
New Visual Workflow Builder
</span>
, Full
<span style="font-weight: bold">
Bootstrap 5.3 Integration
</span>
with
<span style="font-weight: bold">
Dark Theme
</span>
,
<span style="font-weight: bold">
Undockable Tabs
</span>
,
<span style="font-weight: bold">
Split Editor Layouts
</span>
and
<span style="font-weight: bold">
App Connect 2.0
</span>
!
</p>
<p>
We want to give a big shoutout to our fantastic
<a href="https://community.wappler.io/" title="Wappler Community">
Wappler Community
</a>
for being a key part of this journey.
</p>
<p>
Curious to see what's new? Dive in and explore all the
<a href="https://wappler.io/features/v6" title="Wappler 6.0 New Features">
exciting features
</a>
on our website.
</p>
<p>
<a class="btn btn-green" href="https://wappler.io/">
Get Wappler 6 Now!
</a>
</p>
<a class="btn btn-small btn-right btn-green btn-hover" href="/go/33518/wappler-6-released">
Read More
</a>
</div>
<div class="article-footer">
<div class="pull-left">
<span>
<i class="fa fa-clock-o">
</i>
November 22, 2023
</span>
<span>
<i class="fa fa-user">
</i>
<a href="/user/458385/">
Teodor Kuduschiev
</a>
</span>
</div>
<div class="pull-right">
</div>
</div>
</div>
</div>
<div class="item">
<div class="article card border-color-announcements" style="border-top:4px solid; padding:0;">
<a href="/go/33496/dmxzone-extensions-on-apple-silicon-m1">
<img src="/res/w908/downloads/IdImages/apple_m1.png" style="width: 100%; margin-bottom: 16px;">
</a>
<div class="item-tag background-color-announcements">
<a class="text-color-white" href="/9-1067/announcements">
Announcements
</a>
</div>
<div class="article-body">
<h2 style="margin-top:0;">
<a href="/go/33496/dmxzone-extensions-on-apple-silicon-m1">
DMXzone Extensions on Apple Silicon M1
</a>
</h2>
<p>
The latest version of Adobe Dreamweaver runs natively on Apple computers with the
<span style="font-weight: bold">
Apple Silicon M1
</span>
chip.
</p>
<p>
We are happy to inform you that
<span style="font-weight: bold">
our extensions and the DMXzone Extension Manager are fully compatible
</span>
with Apple Silicon M1 and the latest Dreamweaver version.
</p>
<p>
After the DW installation, you should run the program at least once, then restart DMXzone Extension Manager and Dreamweaver CC 2021 will appear in the version drop-down. Choose it and install all the extensions you need!
</p>
<p>
As Dreamweaver CC 2021 is a brand new version, you have to reinstall the extensions before using them in the new environment.
</p>
<p>
<img align="left" alt="" border="0" hspace="5" src="Downloads/IdImages/100/0.png" style="width: 45px; height: 45px">
For full native experience and more advanced options for building Web Sites and Apps we recommend installing
<a href="https://wappler.io/" title="Wappler">
<span style="font-weight: bold">
Wappler
</span>
</a>
- the
<span style="font-weight: bold">
DMXzone made Dreamweaver replacement!
</span>
</p>
<a class="btn btn-small btn-right btn-green btn-hover" href="/go/33496/dmxzone-extensions-on-apple-silicon-m1">
Read More
</a>
</div>
<div class="article-footer">
<div class="pull-left">
<span>
<i class="fa fa-clock-o">
</i>
February 10, 2022
</span>
<span>
<i class="fa fa-user">
</i>
<a href="/user/458385/">
Teodor Kuduschiev
</a>
</span>
</div>
<div class="pull-right">
</div>
</div>
</div>
</div>
<div class="item">
<div class="article card border-color-announcements" style="border-top:4px solid; padding:0;">
<a href="/go/33489/wappler-4-0-released">
<img src="/res/w908/downloads/IdImages/v4_release.png" style="width: 100%; margin-bottom: 16px;">
</a>
<div class="item-tag background-color-announcements">
<a class="text-color-white" href="/9-1067/announcements">
Announcements
</a>
</div>
<div class="article-body">
<h2 style="margin-top:0;">
<a href="/go/33489/wappler-4-0-released">
Wappler 4.0 Released!
</a>
</h2>
<p>
We couldn't be more excited to announce that
<span style="font-weight: bold;">
Wappler 4.0
</span>
has just been
<span style="font-weight: bold;">
released
</span>
!
<br>
Loaded with
<span style="font-weight: bold;">
many new exciting features
</span>
and
<span style="font-weight: bold;">
improvements
</span>
such as
<span style="font-weight: bold;">
New UI Themes
</span>
,
<span style="font-weight: bold;">
Bootstrap 5 Integration
</span>
,
<span style="font-weight: bold;">
Native Apple Silicon M1
</span>
support,
<span style="font-weight: bold;">
Full Stripe Integration
</span>
,
<span style="font-weight: bold;">
Team Collaboration
</span>
and
<span style="font-weight: bold;">
Project Sharing
</span>
options and many more and also thanks to the
<a href="https://community.wappler.io/">
<span style="font-weight: bold;">
great Wappler Community
</span>
</a>
!
</p>
<p>
You can explore the new features on
<a href="https://wappler.io/features/v4">
<span style="font-weight: bold;">
Wappler 4.0 Features
</span>
</a>
page and give it a try.
<br>
</p>
<p>
<a class="btn btn-green" href="https://wappler.io/download/">
Get Wappler 4.0 Now!
</a>
</p>
<a class="btn btn-small btn-right btn-green btn-hover" href="/go/33489/wappler-4-0-released">
Read More
</a>
</div>
<div class="article-footer">
<div class="pull-left">
<span>
<i class="fa fa-clock-o">
</i>
July 23, 2021
</span>
<span>
<i class="fa fa-user">
</i>
<a href="/user/458385/">
Teodor Kuduschiev
</a>
</span>
</div>
<div class="pull-right">
</div>
</div>
</div>
</div>
<div class="item">
<div class="article card border-color-announcements" style="border-top:4px solid; padding:0;">
<a href="/go/33480/new-release-summernote-file-upload">
<img src="/res/w908/downloads/IdImages/summernote-file-upload-release.png" style="width: 100%; margin-bottom: 16px;">
</a>
<div class="item-tag background-color-announcements">
<a class="text-color-white" href="/9-1067/announcements">
Announcements
</a>
</div>
<div class="article-body">
<h2 style="margin-top:0;">
<a href="/go/33480/new-release-summernote-file-upload">
New Release: Summernote File Upload
</a>
</h2>
<p>
The first
<span style="font-weight: bold;">
release
</span>
for 2021 is a handy add-on for the
<span style="font-weight: bold;">
Summernote Editor
</span>
.
<br>
<span style="font-weight: bold;">
Summernote File Upload
</span>
allows you to upload any file directly in the editor -
<span style="font-weight: bold;">
images
</span>
,
<span style="font-weight: bold;">
videos
</span>
,
<span style="font-weight: bold;">
audio
</span>
or any other file. The upload is handled by Server Connect, so you can select where do you want your files uploaded and saved. There are ready-made
<span style="font-weight: bold;">
Summernote Upload templates
</span>
in Server Connect, which help you setup the upload
<span style="font-weight: bold;">
easily
</span>
.
</p>
<p>
Now it's easy to upload,
<span style="font-weight: bold;">
resize
</span>
and/or
<span style="font-weight: bold;">
manipulate
</span>
an image using the server-side
<span style="font-weight: bold;">
image processing tools
</span>
and save it in a folder on your server with a single click.
</p>
<p>
Take advantage of the
<span style="font-weight: bold;">
intro pricing
</span>
and
<span style="font-weight: bold;">
get it now
</span>
!
</p>
<p>
<a class="btn btn-green" href="go/33451">
Go to Summernote File Upload
<br>
</a>
</p>
<p>
</p>
<p>
<img align="left" alt="" border="0" hspace="5" src="Downloads/IdImages/100/0.png" style="width: 45px; height: 45px">
Keep in mind that App Connect Summernote and its add-ons are fully available within
<a href="https://wappler.io/download">
Wappler
</a>
- the DMXzone-made full Dreamweaver replacement and so much more! Why not to give it a try for
<a href="https://wappler.io/download">
FREE
</a>
?
</p>
<a class="btn btn-small btn-right btn-green btn-hover" href="/go/33480/new-release-summernote-file-upload">
Read More
</a>
</div>
<div class="article-footer">
<div class="pull-left">
<span>
<i class="fa fa-clock-o">
</i>
January 20, 2021
</span>
<span>
<i class="fa fa-user">
</i>
<a href="/user/458385/">
Teodor Kuduschiev
</a>
</span>
</div>
<div class="pull-right">
</div>
</div>
</div>
</div>
<div class="item">
<div class="article card border-color-announcements" style="border-top:4px solid; padding:0;">
<a href="/go/33464/app-connect-event-calendar-released">
<img src="/res/w908/downloads/IdImages/event_calendar_release.png" style="width: 100%; margin-bottom: 16px;">
</a>
<div class="item-tag background-color-announcements">
<a class="text-color-white" href="/9-1067/announcements">
Announcements
</a>
</div>
<div class="article-body">
<h2 style="margin-top:0;">
<a href="/go/33464/app-connect-event-calendar-released">
App Connect Event Calendar Released!
</a>
</h2>
<p>
The
<span style="font-weight: bold;">
most powerful full-sized
</span>
, responsive
<span style="font-weight: bold;">
event calendar
</span>
for Dreamweaver is here!
</p>
<p>
<span style="font-weight: bold;">
App Connect Event Calendar
</span>
is a powerful full-sized,
<span style="font-weight: bold;">
lightweight event calendar
</span>
with
<span style="font-weight: bold;">
drag & drop
</span>
support and lots of customization options. It allows you to add static events or use
<span style="font-weight: bold;">
different data sources
</span>
for dynamic events.
</p>
<p>
The Event Calendar can be
<span style="font-weight: bold;">
fully customized
</span>
- from selecting different to setting different colors for different events. It supports different
<span style="font-weight: bold;">
data sources
</span>
such as a
<span style="font-weight: bold;">
Database Query
</span>
, an
<span style="font-weight: bold;">
API Data Source
</span>
or
<span style="font-weight: bold;">
JSON Data Source
</span>
and combines perfectly with Server Connect. You can customize its theme, so it matches the selected
<span style="font-weight: bold;">
Bootswatch theme
</span>
. You can also choose different localization options such as buttons text, days, months and days of week, date formatting and many more.
</p>
<p>
App Connect Event Calendar includes
<span style="font-weight: bold;">
advanced options
</span>
like highlight multiple days or time slots by clicking and
<span style="font-weight: bold;">
dragging and editing events
</span>
- by dragging and resizing them. You can use the data returned by the drag/resize events to
<span style="font-weight: bold;">
update data
</span>
in your database, using an update record action.
</p>
<p>
Take advantage of the
<span style="font-weight: bold;">
intro pricing
</span>
and
<span style="font-weight: bold;">
get it now
</span>
!
</p>
<p>
<a class="btn btn-green" href="go/33448">
Go to App Connect Event Calendar
<br>
<br>
</a>
</p>
<p>
<img align="left" alt="" border="0" hspace="5" src="Downloads/IdImages/100/0.png" style="width: 45px; height: 45px">
Keep in mind that App Connect Event Calendar is fully available within
<a href="https://wappler.io/download">
Wappler
</a>
- the DMXzone-made full Dreamweaver replacement and so much more! Why not to give it a try for
<a href="https://wappler.io/download">
FREE
</a>
?
</p>
<p>
</p>
<a class="btn btn-small btn-right btn-green btn-hover" href="/go/33464/app-connect-event-calendar-released">
Read More
</a>
</div>
<div class="article-footer">
<div class="pull-left">
<span>
<i class="fa fa-clock-o">
</i>
November 18, 2020
</span>
<span>
<i class="fa fa-user">
</i>
<a href="/user/458385/">
Teodor Kuduschiev
</a>
</span>
</div>
<div class="pull-right">
</div>
</div>
</div>
</div>
<div class="item">
<div class="article card border-color-announcements" style="border-top:4px solid; padding:0;">
<a href="/go/33463/app-connect-summernote-released">
<img src="/res/w908/downloads/IdImages/summernote-release.png" style="width: 100%; margin-bottom: 16px;">
</a>
<div class="item-tag background-color-announcements">
<a class="text-color-white" href="/9-1067/announcements">
Announcements
</a>
</div>
<div class="article-body">
<h2 style="margin-top:0;">
<a href="/go/33463/app-connect-summernote-released">
App Connect Summernote Released!
</a>
</h2>
<p>
<span style="font-weight: bold;">
App Connect Summernote
</span>
is a simple to configure, lightweight and easy to use
<span style="font-weight: bold;">
WYSIWYG Editor
</span>
, compatible with Bootstrap 4.
</p>
<p>
App Connect Summernote allows you to easily edit
<span style="font-weight: bold;">
text
</span>
,
<span style="font-weight: bold;">
media,
</span>
<span style="font-weight: bold;">
tables
</span>
,
<span style="font-weight: bold;">
fonts
</span>
and other content
<span style="font-weight: bold;">
visually
</span>
- just like in Microsoft Word. You can use it to apply styling to any content - from a message on your contact form to a
<span style="font-weight: bold;">
whole article
</span>
on the back-end.
<br>
</p>
<p>
The Extension's UI allows you to easily
<span style="font-weight: bold;">
customize the toolbars
</span>
and options. You can
<span style="font-weight: bold;">
create your own toolbars
</span>
, give them custom names and select the buttons displayed inside them. This way you can
<span style="font-weight: bold;">
visually
</span>
group the buttons as you like.
<br>
You can also
<span style="font-weight: bold;">
convert
</span>
any existing
<span style="font-weight: bold;">
textarea
</span>
in your forms to visual
<span style="font-weight: bold;">
Summernote Editor
</span>
.
</p>
<p>
Summernote's
<span style="font-weight: bold;">
Air Mode
</span>
provides an interface without the standard toolbar. A
<span style="font-weight: bold;">
floating/inline toolbar
</span>
will appear instead, when you select a part of your text.
</p>
<p>
Take advantage of the
<span style="font-weight: bold;">
intro pricing
</span>
and
<span style="font-weight: bold;">
get it now
</span>
!
</p>
<p>
<a class="btn btn-green" href="go/33450">
Go to App Connect Summernote
</a>
</p>
<p>
</p>
<p>
<img align="left" alt="" border="0" hspace="5" src="Downloads/IdImages/100/0.png" style="width: 45px; height: 45px">
Keep in mind that App Connect Summernote is fully available within
<a href="https://wappler.io/download">
Wappler
</a>
- the DMXzone-made full Dreamweaver replacement and so much more! Why not to give it a try for
<a href="https://wappler.io/download">
FREE
</a>
?
</p>
<a class="btn btn-small btn-right btn-green btn-hover" href="/go/33463/app-connect-summernote-released">
Read More
</a>
</div>
<div class="article-footer">
<div class="pull-left">
<span>
<i class="fa fa-clock-o">
</i>
November 4, 2020
</span>
<span>
<i class="fa fa-user">
</i>
<a href="/user/458385/">
Teodor Kuduschiev
</a>
</span>
</div>
<div class="pull-right">
</div>
</div>
</div>
</div>
<div class="item">
<div class="article card border-color-announcements" style="border-top:4px solid; padding:0;">
<a href="/go/33462/new-bootstrap-4-toats-extension-and-bootstrap-4-updates">
<img src="/res/w908/downloads/IdImages/bs4_toats.png" style="width: 100%; margin-bottom: 16px;">
</a>
<div class="item-tag background-color-announcements">
<a class="text-color-white" href="/9-1067/announcements">
Announcements
</a>
</div>
<div class="article-body">
<h2 style="margin-top:0;">
<a href="/go/33462/new-bootstrap-4-toats-extension-and-bootstrap-4-updates">
New Bootstrap 4 Toats Extension and Bootstrap 4 Updates
</a>
</h2>
<p>
This week we are adding
<span style="font-weight: bold;">
another useful extension
</span>
to our Bootstrap 4 collection!
</p>
<p>
Welcome the
<span style="font-weight: bold;">
Bootstrap 4 Toasts
</span>
extension for Dreamweaver. Toasts are
<span style="font-weight: bold;">
lightweight notifications
</span>
designed to mimic the
<span style="font-weight: bold;">
push notifications
</span>
that have been popularized by mobile and desktop operating systems. They’re
<span style="font-weight: bold;">
easy to configure
</span>
and use, offering a great way to
<span style="font-weight: bold;">
show notifications
</span>
to your users.
<br>
</p>
<p>
Take advantage of the
<span style="font-weight: bold;">
intro pricing
</span>
and
<span style="font-weight: bold;">
get it now
</span>
!
<br>
</p>
<p>
We have also updated our
<span style="font-weight: bold;">
Bootstrap 4 extensions
</span>
with the latest improvements, DW2021 compatibility and fixes, so make sure to update your extensions!
<br>
<br>
</p>
<p>
<a class="btn btn-green" href="go/33446">
Go to Bootstrap 4 Toasts
<br>
</a>
</p>
<p>
<img align="left" alt="" border="0" hspace="5" src="Downloads/IdImages/100/0.png" style="width: 45px; height: 45px">
Keep in mind that Bootstrap 4 Toasts are fully available within
<a href="https://wappler.io/download">
Wappler
</a>
- the DMXzone-made full Dreamweaver replacement and so much more! Why not to give it a try for
<a href="https://wappler.io/download">
FREE
</a>
?
</p>
<p>
<br>
</p>
<a class="btn btn-small btn-right btn-green btn-hover" href="/go/33462/new-bootstrap-4-toats-extension-and-bootstrap-4-updates">
Read More
</a>
</div>
<div class="article-footer">
<div class="pull-left">
<span>
<i class="fa fa-clock-o">
</i>
November 3, 2020
</span>
<span>
<i class="fa fa-user">
</i>
<a href="/user/458385/">
Teodor Kuduschiev
</a>
</span>
</div>
<div class="pull-right">
</div>
</div>
</div>
</div>
<div class="item">
<div class="article card border-color-announcements" style="border-top:4px solid; padding:0;">
<a href="/go/33460/major-app-connect-and-server-connect-updates">
<img src="/res/w908/downloads/IdImages/major_sc_ac_updates.png" style="width: 100%; margin-bottom: 16px;">
</a>
<div class="item-tag background-color-announcements">
<a class="text-color-white" href="/9-1067/announcements">
Announcements
</a>
</div>
<div class="article-body">
<h2 style="margin-top:0;">
<a href="/go/33460/major-app-connect-and-server-connect-updates">
Major App Connect and Server Connect Updates
</a>
</h2>
<p>
We have some great news to share with you this week!
</p>
<p>
As you
know, we've been working hard on
<span style="font-weight: bold;">
<a href="https://wappler.io/" title="Wappler">
Wappler
</a>
</span>
recently and thanks to the awesome
development we've done with it, we are bringing more of its great powers
to the Dreamweaver users.
<br>
</p>
<p>
Thanks to the awesome
<span style="font-weight: bold;">
<a href="https://community.wappler.io/" title="Wappler Community">
Wappler Community
</a>
</span>
, which is growing fast every day
and the feedback we are receiving from the community users, we've
greatly improved App Connect, Server Connect and their components as well as their UI!
<br>
</p>
<p>
The latest updates are already available in DMXzone Extension Manager!
<br>
</p>
<p>
<span style="font-style: italic;">
Read more below...
</span>
</p>
<a class="btn btn-small btn-right btn-green btn-hover" href="/go/33460/major-app-connect-and-server-connect-updates">
Read More
</a>
</div>
<div class="article-footer">
<div class="pull-left">
<span>
<i class="fa fa-clock-o">
</i>
October 21, 2020
</span>
<span>
<i class="fa fa-user">
</i>
<a href="/user/458385/">
Teodor Kuduschiev
</a>
</span>
</div>
<div class="pull-right">
</div>
</div>
</div>
</div>
<div class="item">
<div class="article card border-color-announcements" style="border-top:4px solid; padding:0;">
<a href="/go/33459/dmxzone-extensions-are-fully-compatible-with-dw-cc2021">
<img src="/res/w908/downloads/IdImages/dw_cc2021_dmxzone.png" style="width: 100%; margin-bottom: 16px;">
</a>
<div class="item-tag background-color-announcements">
<a class="text-color-white" href="/9-1067/announcements">
Announcements
</a>
</div>
<div class="article-body">
<h2 style="margin-top:0;">
<a href="/go/33459/dmxzone-extensions-are-fully-compatible-with-dw-cc2021">
DMXzone Extensions are Fully Compatible with DW CC2021
</a>
</h2>
<p>
<span style="font-weight: bold;">
Adobe Dreamweaver CC 2021
</span>
has just been released! We are happy to inform you that
<span style="font-weight: bold">
our extensions and extension manager are fully compatible
</span>
with this version.
<br>
<br>
After installing, you should run the program at least once, then restart DMXzone Extension Manager and Dreamweaver CC 2021 will appear in the version drop-down. Choose it and install all the extensions you need!
</p>
<p>
As Dreamweaver CC 2021 is a brand new version, you have to reinstall the extensions before using them in the new environment.
</p>
<p>
<img align="left" alt="" border="0" hspace="5" src="Downloads/IdImages/100/0.png" style="width: 45px; height: 45px">
Download Wappler - the
<span style="font-weight: bold">
DMXzone made Dreamweaver replacement
</span>
and includes the best of our powerful extensions, as well as much more! Why not give it a try for
<a href="https://wappler.io/download">
FREE
</a>
?
</p>
<a class="btn btn-small btn-right btn-green btn-hover" href="/go/33459/dmxzone-extensions-are-fully-compatible-with-dw-cc2021">
Read More
</a>
</div>
<div class="article-footer">
<div class="pull-left">
<span>
<i class="fa fa-clock-o">
</i>
October 21, 2020
</span>
<span>
<i class="fa fa-user">
</i>
<a href="/user/458385/">
Teodor Kuduschiev
</a>
</span>
</div>
<div class="pull-right">
</div>
</div>
</div>
</div>
</div>
<div style="padding: 10px 15px;">
<a class="btn btn-green btn-hover pull-right" href="/index.asp?page=2">
Older articles
<i class="icon pull-right fa fa-arrow-right">
</i>
</a>
<div style="clear: both;">
</div>
</div>
<script type="text/javascript">
if (window.console) console.info('inc_index Time: 0.1406250');
</script>
</div>
<!-- content -->
</div>
<!-- centercontent -->
<aside class="right">
<div class="item card border-color-red clearfix" style="border-top: 4px solid;">
<p style="margin-top: 0; text-align: center;">
<img src="/downloads/IdImages/wappdwnl1.png">
</p>
<p>
Download
<b>
The Most Advanced Web App Builder
</b>
in the world!
</p>
<p>
Wappler is the
<b>
DMXzone-made Dreamweaver replacement
</b>
and includes the best of our powerful extensions, as well as much more!
</p>
<a class="btn btn-small btn-red pull-right" href="https://wappler.io">
Download now for FREE
</a>
</div>
<div class="item card border-color-gold clearfix" style="border-top: 4px solid;">
<h4 style="border: none; padding: 0;">
Extension Manager
</h4>
<p>
The DMXzone Extension Manager is an application that will make your life easier. In a blink of an eye you can install, update and manage your extensions and templates.
</p>
<a class="btn btn-small btn-green pull-right" href="/go/22670/dmxzone-extension-manager-for-dreamweaver">
Get it Now
</a>
</div>
<div class="item">
<h4>
<a href="https://blog.wappler.io" style="color: inherit;">
Latest Wappler News
</a>
</h4>
<ul class="list" id="wapplerNews">
</ul>
<script>
$.getJSON('https://blog.wappler.io/wp-json/wp/v2/posts').then(function(data) {
for (var i = 0; i < 8; i++) {
$('#wapplerNews').append('<li class="clickable" onclick="gotoUrl(\'' + data[i].link + '\')" style="padding: 8px;"><a href="' + data[i].link + '">' + data[i].title.rendered + '</a><small class="nowrap">' + data[i].excerpt.rendered.replace(/<\/?p>/gi, '') + '</small></li>');
}
});
</script>
</div>
<div class="item">
<h4>
Latest Extensions
</h4>
<ul class="list">
<li class="clickable" onclick="gotoUrl('/go/33451/app-connect-summernote-file-upload?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=App+Connect+Summernote+File+Upload')" style="padding: 8px;">
<!--<span class="pull-right">£52.00</span>-->
<a href="/go/33451/app-connect-summernote-file-upload?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=App+Connect+Summernote+File+Upload">
App Connect Summernote File Upload
</a>
<small class="nowrap">
Upload different files in Summernote Editor
</small>
</li>
<li class="clickable" onclick="gotoUrl('/go/33450/app-connect-summernote?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=App+Connect+Summernote')" style="padding: 8px;">
<!--<span class="pull-right">£113.00</span>-->
<a href="/go/33450/app-connect-summernote?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=App+Connect+Summernote">
App Connect Summernote
</a>
<small class="nowrap">
Simple, yet powerful and modern WYSIWYG Editor
</small>
</li>
<li class="clickable" onclick="gotoUrl('/go/33412/bootstrap-4-dynamic-table-generator-2?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=Bootstrap+4+Dynamic+Table+Generator+2')" style="padding: 8px;">
<!--<span class="pull-right">£87.00</span>-->
<a href="/go/33412/bootstrap-4-dynamic-table-generator-2?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=Bootstrap+4+Dynamic+Table+Generator+2">
Bootstrap 4 Dynamic Table Generator 2
</a>
<small class="nowrap">
Automatically generate dynamic data tables
</small>
</li>
<li class="clickable" onclick="gotoUrl('/go/33417/bootstrap-4-dynamic-form-generator-2?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=Bootstrap+4+Dynamic+Form+Generator+2')" style="padding: 8px;">
<!--<span class="pull-right">£87.00</span>-->
<a href="/go/33417/bootstrap-4-dynamic-form-generator-2?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=Bootstrap+4+Dynamic+Form+Generator+2">
Bootstrap 4 Dynamic Form Generator 2
</a>
<small class="nowrap">
Auto generate perfect Bootstrap 4 dynamic forms in seconds
</small>
</li>
<li class="clickable" onclick="gotoUrl('/go/33213/app-connect-bootstrap-4-dynamic-paging-generator?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=App+Connect+Bootstrap+4+Dynamic+Paging+Generator')" style="padding: 8px;">
<!--<span class="pull-right">£60.00</span>-->
<a href="/go/33213/app-connect-bootstrap-4-dynamic-paging-generator?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=App+Connect+Bootstrap+4+Dynamic+Paging+Generator">
App Connect Bootstrap 4 Dynamic Paging Generator
</a>
<small class="nowrap">
Auto generate awesome dynamic Bootstrap 4 paging in seconds
</small>
</li>
<li class="clickable" onclick="gotoUrl('/go/33448/app-connect-event-calendar?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=App+Connect+Event+Calendar')" style="padding: 8px;">
<!--<span class="pull-right">£147.00</span>-->
<a href="/go/33448/app-connect-event-calendar?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=App+Connect+Event+Calendar">
App Connect Event Calendar
</a>
<small class="nowrap">
The most powerful full-sized event calendar for Dreamweaver
</small>
</li>
<li class="clickable" onclick="gotoUrl('/go/32763/dmxzone-app-connect?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=DMXzone+App+Connect')" style="padding: 8px;">
<!---->
<a href="/go/32763/dmxzone-app-connect?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=DMXzone+App+Connect">
DMXzone App Connect
</a>
<small class="nowrap">
Next generation client side framework for data-driven web sites and apps
</small>
</li>
<li class="clickable" onclick="gotoUrl('/go/33435/dmxzone-database-custom-query?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=DMXzone+Database+Custom+Query')" style="padding: 8px;">
<!--<span class="pull-right">£130.00</span>-->
<a href="/go/33435/dmxzone-database-custom-query?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Extensions&utm_campaign=DMXzone+Database+Custom+Query">
DMXzone Database Custom Query
</a>
<small class="nowrap">
Create advanced, complex custom SQL queries with ease
</small>
</li>
</ul>
</div>
<div class="item">
<h4>
Latest Videos
</h4>
<ul class="list">
<li class="clickable" onclick="gotoUrl('/go/33440/using-app-connect-autocomplete?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Using+App+Connect+Autocomplete')" style="padding: 8px;">
<!---->
<a href="/go/33440/using-app-connect-autocomplete?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Using+App+Connect+Autocomplete">
Using App Connect Autocomplete
</a>
<small class="nowrap">
Learn how to add autocomplete functionality on your page, using the App Connect Autocomplete
</small>
</li>
<li class="clickable" onclick="gotoUrl('/go/33437/creating-custom-sql-queries?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Creating+Custom+SQL+Queries')" style="padding: 8px;">
<!---->
<a href="/go/33437/creating-custom-sql-queries?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Creating+Custom+SQL+Queries">
Creating Custom SQL Queries
</a>
<small class="nowrap">
Learn how to create custom SQL Queries with DMXzone Database Custom Query
</small>
</li>
<li class="clickable" onclick="gotoUrl('/go/33429/restricting-access-to-your-pages?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Restricting+Access+to+Your+Pages')" style="padding: 8px;">
<!---->
<a href="/go/33429/restricting-access-to-your-pages?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Restricting+Access+to+Your+Pages">
Restricting Access to Your Pages
</a>
<small class="nowrap">
Learn how to restrict access to your pages, using DMXzone Security Provider 2
</small>
</li>
<li class="clickable" onclick="gotoUrl('/go/33428/adding-log-out-functionality-with-dmxzone-security-provider-2?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Adding+Log+Out+Functionality+with+DMXzone+Security+Provider+2')" style="padding: 8px;">
<!---->
<a href="/go/33428/adding-log-out-functionality-with-dmxzone-security-provider-2?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Adding+Log+Out+Functionality+with+DMXzone+Security+Provider+2">
Adding Log Out Functionality with DMXzone Security Provider 2
</a>
<small class="nowrap">
Learn how to add log out functionality to your page with DMXzone Security Provider 2
</small>
</li>
<li class="clickable" onclick="gotoUrl('/go/33427/creating-a-log-in-page-with-dmxzone-security-provider-2?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Creating+a+Log+In+Page+with+DMXzone+Security+Provider+2')" style="padding: 8px;">
<!---->
<a href="/go/33427/creating-a-log-in-page-with-dmxzone-security-provider-2?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Creating+a+Log+In+Page+with+DMXzone+Security+Provider+2">
Creating a Log In Page with DMXzone Security Provider 2
</a>
<small class="nowrap">
Learn how to create a log in page with DMXzone Security Provider 2
</small>
</li>
<li class="clickable" onclick="gotoUrl('/go/33426/setting-up-site-security-settings?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Setting+Up+Site+Security+Settings+')" style="padding: 8px;">
<!---->
<a href="/go/33426/setting-up-site-security-settings?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Setting+Up+Site+Security+Settings+">
Setting Up Site Security Settings
</a>
<small class="nowrap">
Learn how to setup your site security, using DMXzone Security Provider 2
</small>
</li>
<li class="clickable" onclick="gotoUrl('/go/33420/generating-an-update-record-form?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Generating+an+Update+Record+Form')" style="padding: 8px;">
<!---->
<a href="/go/33420/generating-an-update-record-form?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Generating+an+Update+Record+Form">
Generating an Update Record Form
</a>
<small class="nowrap">
Learn how to create an update record form, using the Bootstrap 4 Dynamic Form Generator 2
</small>
</li>
<li class="clickable" onclick="gotoUrl('/go/33419/generating-an-insert-record-form?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Generating+an+Insert+Record+Form')" style="padding: 8px;">
<!---->
<a href="/go/33419/generating-an-insert-record-form?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Videos&utm_campaign=Generating+an+Insert+Record+Form">
Generating an Insert Record Form
</a>
<small class="nowrap">
Learn how to create an insert record form, using the Bootstrap 4 Dynamic Form Generator 2
</small>
</li>
</ul>
</div>
<div class="item">
<h4>
Latest Showcases
</h4>
<ul class="list">
<li class="clickable" onclick="gotoUrl('/go/33210/sortable-data-table-with-paging?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Sortable+Data+Table+with+Paging')" style="padding: 8px;">
<!---->
<a href="/go/33210/sortable-data-table-with-paging?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Sortable+Data+Table+with+Paging">
Sortable Data Table with Paging
</a>
</li>
<li class="clickable" onclick="gotoUrl('/go/33312/fullscreen-parallax-swiper?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Fullscreen+Parallax+Swiper')" style="padding: 8px;">
<!---->
<a href="/go/33312/fullscreen-parallax-swiper?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Fullscreen+Parallax+Swiper">
Fullscreen Parallax Swiper
</a>
</li>
<li class="clickable" onclick="gotoUrl('/go/33325/lazy-load-masonry-showcase?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Lazy+Load+Masonry+Showcase')" style="padding: 8px;">
<!---->
<a href="/go/33325/lazy-load-masonry-showcase?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Lazy+Load+Masonry+Showcase">
Lazy Load Masonry Showcase
</a>
</li>
<li class="clickable" onclick="gotoUrl('/go/33309/travel-blog-showcase?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Travel+Blog+Showcase')" style="padding: 8px;">
<!---->
<a href="/go/33309/travel-blog-showcase?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Travel+Blog+Showcase">
Travel Blog Showcase
</a>
</li>
<li class="clickable" onclick="gotoUrl('/go/33258/deluxe-villa-booking?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Deluxe+Villa+Booking')" style="padding: 8px;">
<!---->
<a href="/go/33258/deluxe-villa-booking?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Deluxe+Villa+Booking">
Deluxe Villa Booking
</a>
</li>
<li class="clickable" onclick="gotoUrl('/go/33383/parallax-blog-showcase?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Parallax+Blog+Showcase')" style="padding: 8px;">
<!---->
<a href="/go/33383/parallax-blog-showcase?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Parallax+Blog+Showcase">
Parallax Blog Showcase
</a>
</li>
<li class="clickable" onclick="gotoUrl('/go/33355/photo-contest-registration-form?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Photo+Contest+Registration+Form')" style="padding: 8px;">
<!---->
<a href="/go/33355/photo-contest-registration-form?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Photo+Contest+Registration+Form">
Photo Contest Registration Form
</a>
</li>
<li class="clickable" onclick="gotoUrl('/go/33330/travel-destinations-catalog-showcase?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Travel+Destinations+Catalog+Showcase')" style="padding: 8px;">
<!---->
<a href="/go/33330/travel-destinations-catalog-showcase?utm_source=Blog&utm_medium=Sidebar&utm_content=Latest+Showcases&utm_campaign=Travel+Destinations+Catalog+Showcase">
Travel Destinations Catalog Showcase
</a>
</li>
</ul>
</div>
</aside>
</div>
</div>
<div class="footer">
<div class="container">
<div class="col-1-1">
<div class="social">
<a href="http://www.facebook.com/DMXzone" onclick="_gaq.push(['_trackEvent', 'Social', 'Facebook']);" target="_blank" title="Follow us on Facebook">
<i class="icon fa fa-facebook-square">
</i>
</a>
<!--<a href="http://www.linkedin.com/company/dmxzone" onclick="_gaq.push(['_trackEvent', 'Social', 'LinkedIn']);" target="_blank" title="Follow us on LinkedIn"><i class="icon fa fa-linkedin-square"></i></a>-->
<!--<a href="http://plus.google.com/100646576435376976638" onclick="_gaq.push(['_trackEvent', 'Social', 'Google+']);" target="_blank" title="Follow us on Google+"><i class="icon fa fa-google-plus-square"></i></a>-->
<a href="http://www.youtube.com/user/DMXzone" onclick="_gaq.push(['_trackEvent', 'Social', 'YouTube']);" target="_blank" title="DMXzone at YouTube">
<i class="icon fa fa-youtube-square">
</i>
</a>
<a href="http://twitter.com/dmxzone" onclick="_gaq.push(['_trackEvent', 'Social', 'Twitter']);" target="_blank" title="Follow us on twitter">
<i class="icon fa fa-twitter-square">
</i>
</a>
<a href="/feed/9" onclick="_gaq.push(['_trackEvent', 'Social', 'RSS']);" target="_blank" title="Subscribe to the RSS feed">
<i class="icon fa fa-rss-square">
</i>
</a>
</div>
<div class="settings">
Currency:
<a href="#" onclick="changeCurrency(2);return false;">
<i class="icon fa fa-eur">
</i>
</a>
<a href="#" onclick="changeCurrency(1);return false;">
<i class="icon fa fa-usd">
</i>
</a>
<a class="current" href="#" onclick="changeCurrency(3);return false;">
<i class="icon fa fa-gbp">
</i>
</a>
</div>
<div class="inner">
<div>
<div class="col-1-4">
<b>
Company Info
</b>
<ul>
<li>
<a href="/24/about-us/">
About Us
</a>
</li>
<li>
<a href="/24/about-us/">
Contact Us
</a>
</li>
<li>
<a href="/24/about-us/">
Advertising
</a>
</li>
<li>
<a href="/23/our-sponsors/">
Sponsors
</a>
</li>
<li>
<a href="/29/our-writers/">
Writers
</a>
</li>
<li>
<a href="/64/hall-of-fame/">
Hall Of Fame
</a>
</li>
</ul>
</div>
<div class="col-1-4">
<b>
Payment & Pricing
</b>
<ul>
<li>
<a href="/74/payment-and-pricing/">
Payment Methods
</a>
</li>
<li>
<a href="/74/payment-and-pricing/#VAT_Tax">
VAT / Tax
</a>
</li>
<li>
<a href="/74/payment-and-pricing/#VolumePricing">
Volume Pricing
</a>
</li>
<li>
<a href="/74/payment-and-pricing/#VolumePricing">
Discount Codes
</a>
</li>
<li>
<a href="/74/payment-and-pricing/#Subscriptions">
Subscriptions
</a>
</li>
</ul>
</div>
<div class="col-1-4">
<b>
Legal Notices
</b>
<ul>
<li>
<a href="/68/terms-of-use/">
Terms & Conditions
</a>
</li>
<!--<li><a href="/70/membership/">Membership Terms</a></li>-->
<li>
<a href="/73/subscription-terms/">
Subscription Terms
</a>
</li>
<li>
<a href="/69/privacy-policy/">
Privacy Policy
</a>
</li>
<li>
<a href="/72/refund-conditions/">
Refund Policy
</a>
</li>
<li>
<a href="/71/licenses/">
Licenses
</a>
</li>
</ul>
</div>
<div class="col-1-4">
<b>
Guides
</b>
<ul>
<li>
<a href="/go/20115/using-the-dmxzone-shopping-cart/">
Using The Shopping Cart
</a>
</li>
<li>
<a href="/go/20121/navigating-through-the-new-dmxzone-profile/">
Navigating The Profile Page
</a>
</li>
<li>
<a href="/go/18645/getting-the-best-dmxzone-support/">
Getting The Best Support
</a>
</li>
<li>
<a href="/go/19581/using-dmxzone-new-extensions-forums/">
Using The Support Forums
</a>
</li>
<li>
<a href="/go/4668/where-do-i-find-my-serial-number/">
Where Do I Find My Serial
</a>
</li>
<li>
<a href="/go/4671/how-to-install-extensions-from-dmxzone/">
How To Install An Extension
</a>
</li>
</ul>
</div>
</div>
<center>
Copyright © 2001-2026
<a href="http://www.dynamiczones.com">
Dynamic Zones International B.V.
</a>
, All Rights Reserved.
</center>
</div>
</div>
</div>
</div>
<script src="javascript/scrollreveal.min.js">
</script>
<script>
window.sr = ScrollReveal({
ducation: 1000
});
sr.reveal('[data-reveal]');
var srg = {
};
$('[data-reveal-group]').each(function(i, e) {
var g = $(e).data('revealGroup');
if (!srg[g]) {
sr.reveal('[data-reveal-group="' + g + '"]', 50);
srg[g] = 1;
}
});
</script>
<script src="javascript/widgets.min.js">
</script>
<script src="/dmx/dmx.core.js" type="text/javascript">
</script>
<script src="/dmx/widgets/Lightbox/dmx.lightbox.js" type="text/javascript">
</script>
<script src="javascript/protocolcheck.js">
</script>
<script type="text/javascript">
$('#history').append('<button class="btn btn-small">See full history</button>').find('h3:not(:first), ul:not(:first)').hide();
$('#history button').on('click', function() {
$('#history').find('h3, ul').slideDown();
$(this).hide();
});
function Set_Cookie(name, value, expires, path, domain, secure) {
var today = new Date();
today.setTime(today.getTime());
if (!path) {
path = '/';
}
if (expires) {
expires = expires * 1000 * 60 * 60 * 24;
}
var expires_date = new Date(today.getTime() + expires);
document.cookie = name + "=" + escape(value) + (expires ? ";expires=" + expires_date.toGMTString() : "") + (path ? ";path=" + path : "") + (domain ? ";domain=" + domain : "") + (secure ? ";secure" : "");
}
var currentPage = 1, totalPages = 233, loadingPage = false;
function loadMore() {
loadingPage = true;
$.get('/ajax_index_page.asp', {
typeId: 9,
catId: 0,
show: '',
filter: '',
archive: '',
page: ++currentPage
}, function(data) {
$newData = $(data);
$('.extensions-index').append($newData);
loadingPage = false;
if (currentPage >= totalPages) $('.load-more').hide();
sr.sync();
});
}
var relationPages = {
};
function loadRelationPage(id) {
relationPages[id] = (relationPages[id] || 1) + 1;
var $button = $('.relation_' + id + '_load');
var $loader = $('<i class="fa fa-spinner fa-spin"></i>');
$button.prop('disabled', true).append($loader);
$.get(BASE_URL + 'ajax_relation_page.asp', {
id: id,
newsId: 0,
page: relationPages[id]
}).done(function(html, status, xhr) {
if (html == '') {
$button.hide();
return;
}
$('#relation_' + id).append(html);
if (xhr.getResponseHeader('last')) {
$button.hide();
}
}).always(function() {
$loader.remove();
$button.prop('disabled', false);
sr.sync();
});
}
function subscribe(id) {
var loc = document.location;
if (loc.search.indexOf('subscribe=' + id) > 0) {
$.dmxPopup.open('https://www.dmxzone.com/popup/subscribe.asp?subscribe=', {
title: 'Subscribe'
});
} else {
var qs = loc.search.replace(/[&\?]subscribe=[^&]*/, '');
loc.href = 'https://' + loc.hostname + loc.pathname + (qs ? qs + '&subscribe=' + id : '?subscribe=' + id);
}
}
function checkout(id) {
var loc = document.location;
if (loc.search.indexOf('checkout=' + id) > 0) {
$.dmxPopup.open('https://www.dmxzone.com/popup/checkout.asp?checkout=', {
title: 'Checkout'
});
} else {
var qs = loc.search.replace(/[&\?]checkout=[^&]*/, '');
loc.href = 'https://' + loc.hostname + loc.pathname + (qs ? qs + '&checkout=' + id : '?checkout=' + id);
}
}
ajaxPage = 1;
ajaxArchive = '';
ajaxPageCatId = '0';
ajaxPageShow = '';
ajaxPageFilter = '';
ajaxPageSort = '';
ajaxPagePeriod = '';
function ajaxPageUpdate(target) {
if (ajaxPageSort == 'sales') {
ajaxPagePeriod = '1';
}
if (ajaxPageSort == 'downloads') {
ajaxPagePeriod = '2';
}
$(target).css('opacity', .7);
$.get('/ajax_index_page.asp', {
typeId: 9,
archive: ajaxArchive,
catId: ajaxPageCatId,
show: ajaxPageShow,
filter: ajaxPageFilter,
sort: ajaxPageSort,
period: ajaxPagePeriod,
page: ajaxPage
}, function(data) {
if (window.history && history.pushState) {
history.pushState({
}, '', location.href.replace(location.search, '') + '?catId=' + encodeURIComponent(ajaxPageCatId) + '&show=' + encodeURIComponent(ajaxPageShow) + '&filter=' + encodeURIComponent(ajaxPageFilter) + '&sort=' + encodeURIComponent(ajaxPageSort) + '&period=' + encodeURIComponent(ajaxPagePeriod));
}
if (ajaxPage > 1) {
$(target).append(data).css('opacity', 1);
} else {
$(target).html(data).css('opacity', 1);
}
sr.sync();
});
}
(function($) {
$('a[href^="dmxextension:"]').click(function(event) {
event.preventDefault();
if (/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
if (confirm('You need to have DMXzone Extension Manager installed to continue')) {
document.location = $(this).attr("href");
}
} else {
window.protocolCheck($(this).attr("href"), function() {
$.dmxPopup.open('https://www.dmxzone.com/popup/dem.asp', {
title: 'Extension Manager'
});
});
}
});
$('a[href^="#"]').on('click', function(e) {
e.preventDefault();
if ($(this).attr('href') != '#') {
document.location.hash = $(this).attr('href');
}
});
$('[data-ajax-load]').on('click', function(e) {
e.preventDefault();
var self = this;
var target = $(this).data('ajaxLoad');
$.get('/ajax_index_page.asp', {
typeId: 9,
catId: 0,
archive: '',
show: '',
filter: '',
sort: '',
period: '',
page: ++currentPage
}, function(data) {
$(data).appendTo(target);
if (currentPage >= totalPages) $(self).hide();
sr.sync();
});
});
})(jQuery);
</script>
<script async="" src="//www.google-analytics.com/ga.js" type="text/javascript">
</script>
</body>
</html>