BenPleysier
Community Expert
BenPleysier
Community Expert
Activity
‎Apr 30, 2025
04:52 AM
Dreamweaver is on the verge of becoming obsolete. The signs were evident as early as 2012, when features were being removed rather than improved. Currently, Dreamweaver suffers from dangerously outdated PHP and an antiquated version of Bootstrap. Fortunately, I transitioned away from it in 2017 and have never regretted the decision.
... View more
‎Apr 28, 2025
04:10 AM
Have you tried this "no hands" solution?
https://youtu.be/TF2OP509pEI?si=jKR_3fEsh_CkDOkW
Can also be done using VSCode.
... View more
‎Apr 28, 2025
02:39 AM
Wappler's pricing is ridiculously high. It's almost the same price as the enture Adobe Creative Cloud.
By @Dave_Draws
That is a slight exaggeration.
This is Adobe Creative Cloud
And this is Wappler
... View more
‎Apr 27, 2025
10:03 PM
Try Wappler instead. Here I start a new NodeJS project and create the databas and tables:
https://youtu.be/kCPU6dN7riU?si=McdOBoP8mGQlJiwZ
... View more
‎Apr 23, 2025
06:53 AM
VSCode with Live Preview works well.
By @OldAndInTheWay
Good choice, and don't forget the free version of GitHub Copilot that can be installed, also free of charge.
... View more
‎Apr 22, 2025
07:02 PM
You could use VSCode with GitHub Copilot, all free of charge.
I decide to publish a video where I have used Wappler to create a ToDo App using GitHub Copilot. Please have a look:
https://youtu.be/TF2OP509pEI?si=pfKGCRGTZQ6AFrOw
... View more
‎Apr 22, 2025
03:19 PM
See https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_dropdown_navbar
... View more
‎Apr 16, 2025
07:32 AM
Hi @MalibuEd , refreshing your website automatically every hour is achievable with a small addition of code to your site's <head> section in the index.htm . Here's a simple way to do it using HTML meta tags:
<head>
<meta http-equiv="refresh" content="3600">
</head>
This line of code tells the browser to refresh the page after 3600 seconds (1 hour). You can adjust the content value to your desired time interval in seconds.
Alternatively, if you're using JavaScript and want more control, you could use a script like this:
<script>
setTimeout(function() {
location.reload();
}, 3600000); // 3600000 milliseconds = 1 hour
</script>
You can place this <script> tag in the <head> or at the bottom of your page before the closing </body> tag. This approach gives you flexibility for adding conditions or specific functionality during the refresh.
... View more
‎Apr 16, 2025
02:47 AM
The disappearance of the Background Files Activity Window in Dreamweaver could be influenced by several settings or factors:
1. Auto Upload on Save: If this feature is disabled, the background activity window might not appear during file transfers. 2. File Synchronization Settings: Changes in synchronization preferences, such as pausing file syncing in the Creative Cloud Desktop app, could affect the visibility of the window. 3. Site Definition Settings: If the local or remote site folder isn't properly defined, Dreamweaver might not display the background activity window.
... View more
‎Apr 15, 2025
06:27 PM
You're right—CSS alone won't do the trick since it primarily handles styling rather than content management. What you need is a way to dynamically pull content from a single source and display it across multiple pages.
What you need is a centralised database containing the information, Wappler and an extension that I wrote for Wappler. The method is as shown here.
https://youtu.be/lqZqOapCxiQ?si=QXvPY5HBBUxesPWT
All you need to do is place the custom component to each website and maintain the videos using the database.
... View more
‎Apr 15, 2025
03:05 AM
See here:
How to cancel Adobe trial or subscription
... View more
‎Apr 15, 2025
02:30 AM
You are not providing enough information to give us a clue of what is happening. So, here starts a guessing game.
Here are a few potential solutions:
Refresh Live View – Sometimes, simply turning Live View off and back on again can resolve the issue.
Check .htaccess Files – Some users found that deleting .htaccess files in their site folders fixed the problem.
Validate Your Code – A missing end tag (like <title> ) can cause Dreamweaver’s Live View to go blank, even if browsers display the page correctly.
Check Server Settings – If you're using a local server, ensure that your settings (server name, connection type, and web URL) are correctly configured.
Clear Cache – If Live View won’t refresh, renaming or deleting the cache folder in Dreamweaver’s configuration files might help.
If none of these work, you might want to check out Adobe’s official troubleshooting guide here.
... View more
‎Apr 15, 2025
12:26 AM
See:
helpx.adobe.com
and
helpx.adobe.com
... View more
‎Apr 14, 2025
02:31 PM
Understanding the Issue: The link to the site indicates that it was built in 2018 using Adobe Muse, a tool that was primarily focused on visual web design rather than direct coding. Unfortunately, Adobe discontinued Muse several years ago, meaning it no longer receives updates or support. One of the core challenges with Muse is that it was never a true HTML editor—it functioned more as a design-centric tool that generated HTML, CSS, and JavaScript automatically. Because of this, the code it produced often contained structural inefficiencies and errors, making it difficult to work with or maintain over time.
Why This Is a Problem: Since Muse-generated websites rely on compiled code, fixing issues within that code can be extremely difficult. Without a native way to refine the underlying HTML, CSS, and JavaScript, developers are often forced to work around messy or poorly structured code. This can lead to compatibility problems with modern browsers, slow performance, or even broken website functionality.
How to Fix It: Unfortunately, there isn’t an easy fix—there’s no straightforward way to clean up Muse-generated code effectively. The best approach is to rebuild the site from scratch using standard web development languages:
HTML for structure
CSS for styling
JavaScript for interactivity
If the goal is to create a more maintainable, future-proof website, it’s worth considering alternatives such as WordPress, Webflow, or a custom-built solution using modern a IDE like VSCode or Wappler. These options allow for greater flexibility, performance improvements, and easier long-term management.
Next Steps: If rebuilding seems daunting, consider reaching out to a developer or exploring beginner-friendly coding resources to get started. There are many free and paid courses available that teach how to build a website with clean, efficient code.
... View more
‎Apr 14, 2025
08:31 AM
The answer lies in the code. Please copy and paste the code of the offending page here. Or better, give us a link to the site.
... View more
‎Apr 11, 2025
05:43 PM
1 Upvote
I jumped ship about 7 years ago.
... View more
‎Apr 10, 2025
12:29 AM
1 Upvote
Hopefully, this will help:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSV to HTML Table</title>
</head>
<body>
<input type="file" id="csvFile" accept=".csv">
<button onclick="convertCSVToHTML()">Convert</button>
<div id="output"></div>
<script>
function convertCSVToHTML() {
const fileInput = document.getElementById('csvFile');
const output = document.getElementById('output');
if (fileInput.files.length === 0) {
alert('Please select a CSV file first.');
return;
}
const file = fileInput.files[0];
const reader = new FileReader();
reader.onload = function(e) {
const text = e.target.result;
const rows = text.split('\n');
let html = '<table border="1">';
rows.forEach(row => {
const cells = row.split(',');
html += '<tr>';
cells.forEach(cell => {
html += `<td>${cell.trim()}</td>`;
});
html += '</tr>';
});
html += '</table>';
output.innerHTML = html;
};
reader.readAsText(file);
}
</script>
</body>
</html>
... View more
‎Apr 02, 2025
06:54 AM
Thank you Nancy!
consider changing programs and forgetting about Adobe
By @tatiana_7068
... View more
‎Apr 02, 2025
02:27 AM
Bonjour !
Si vos clients étaient habitués à Adobe Muse ou Dreamweaver, voici quelques alternatives modernes et performantes pour créer des sites web :
Webflow : Parfait pour des designs sophistiqués et réactifs, sans nécessiter de compétences en codage. Il offre une grande liberté créative.
WordPress : Un choix polyvalent et très populaire, idéal pour les débutants comme pour les professionnels grâce à ses nombreux thèmes et plugins.
Squarespace : Une solution intuitive et esthétique, idéale pour des sites vitrines ou des portefeuilles.
Wix : Une plateforme conviviale avec glisser-déposer pour concevoir facilement des sites personnalisés.
Pour des options plus techniques, Pinegrow et Wappler sont aussi excellents, notamment pour ceux qui cherchent plus de flexibilité et souhaitent travailler avec des fichiers standards ou des applications dynamiques.
Ces alternatives surpassent largement Muse (arrêté en 2018) et Dreamweaver (désormais moins populaire).
... View more
‎Mar 25, 2025
10:50 AM
20yo software, you must be joking. Why not try VSCode instead, its free and you can instruct the AI to create the pages of your site. No coding experience required.
... View more
‎Mar 22, 2025
03:32 PM
Short cuts??? Use Emmet instead like most experienced web developers!
Emmet is a fantastic tool for speeding up your HTML workflow, and it can definitely help with <dl> , <dt> , and <dd> tags in Dreamweaver. Here's how you can use it:
Using Emmet for <dl> , <dt> , and <dd> :
Basic Structure: You can quickly generate a basic <dl> structure using Emmet syntax. For example:
Typing dl>dt+dd and pressing the Emmet expand shortcut (usually Tab or Ctrl+E , depending on your setup) will produce:
<dl>
<dt></dt>
<dd></dd>
</dl>
Repeating Multiple Items: If you want to create multiple <dt> and <dd> pairs:
Type dl>(dt+dd)*3 and expand. It will generate:
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
Adding Content: You can include text content directly within the tags. For example:
dl>(dt{Term}+dd{Definition})*2 expands to:
<dl>
<dt>Term</dt>
<dd>Definition</dd>
<dt>Term</dt>
<dd>Definition</dd>
</dl>
Setting Up Emmet in Dreamweaver:
Emmet comes pre-installed in modern versions of Dreamweaver, so you should be able to use it right away. Just ensure that Emmet is enabled in your preferences:
Go to Edit > Preferences > Code View.
Look for the Emmet settings and make sure they're turned on.
With Emmet, you can quickly generate complex HTML structures with minimal typing—it’s like a productivity superpower!
You can find an Emmet cheatsheet on the official Emmet documentation website here. It provides a comprehensive guide to Emmet syntax and shortcuts, including examples for HTML and CSS. There's also a printable PDF version available here. If you're looking for a GitHub-hosted version, you can check it out here.
... View more
‎Mar 21, 2025
04:48 PM
This video shows how easy it is to create an accordion when using Wappler.
https://youtu.be/jOQrlDOZo6k?si=MTVFCMezlzD9NnX5
The first part shows the creation of a static 3-panel accordion, the rest shows the cpnversion to a dynamic accoprdion.
... View more
‎Mar 20, 2025
05:21 PM
1 Upvote
This is my favourite go-to
CodePen Spark
... View more
‎Mar 20, 2025
05:14 PM
1 Upvote
Ray Borduin’s (WebAssist) database connection and George Petrov’s (DMXZone) database connection differ significantly. Ray Borduin utilizes MySQLi, which excels at connecting to MySQL/MariaDB databases. George Petrov, on the other hand, relies on PDO, a versatile approach that enables connections to a variety of databases.
For instance, I personally appreciate using SQLite—a lightweight, file-based database often favored for mobile applications. Some prefer NoSQL options like MongoDB, while others turn to cloud databases such as Azure Cosmos DB. And, of course, there’s always the trusty MySQL/MariaDB. The beauty of PDO is its ability to accommodate all these choices seamlessly.
... View more
‎Mar 18, 2025
04:35 AM
Most likely no.
... View more
‎Mar 17, 2025
05:18 AM
Maybe Dreamweaver is out of date.
I would ignore the error in Dreamweaver and while you are at it, start using VSCode.
... View more
‎Mar 14, 2025
04:33 PM
what chooses the color that the form box turns when a submission is filled correctly.. ie if I put my email in here in correct format it turns light blue..
https://pitchlab.net/contact/
By @REELHERO
The first input was typed in; the second input was entered automatically. This is the browser doing iys job.
As a sidenote, I have great adniration for your artistic abilities.
Despite that. there are quite a few reasons why I would never recommend anybody to copy what you are doing.
The number one reason:
1. This line of code is a no-no
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
The meta viewport tag is crucial for defining how a webpage adapts to different screen sizes and devices, such as mobile phones and tablets. When not properly configured, users may experience issues such as text being too small to read or the inability to zoom, particularly affecting users with low vision or cognitive disabilities who rely on zoom functionality to make content more readable. Ensuring the viewport is configured to support zoom and scaling enhances accessibility for all users.
Use this instead
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
2. The social buttons are not big enough for my sausage fingers on my touch screen.
3. @Nancy OShea can tell you more about being sight challenged and how important it is to have colour contrast. My IDE allows me to rate this as in
I could continue going through your site for days, talking about document hiearchy and wrongly using <h1>-<6> elements for styling rather than outlining. Or a screen reader trying to find the site navigation items when there is no <nav> item to be seen.
Have a look at the following video to see what I mean
https://youtu.be/Zy4yJz1icrw?si=89Ty8ucHlyqPquiI
... View more
‎Mar 12, 2025
03:45 PM
This may help: adobe/Spry: Spry is a JavaScript-based framework that enables the rapid development of Ajax-powered web pages.
If you want to change as per @Jon Fritz , then Accordion · Bootstrap v5.3
... View more
‎Mar 11, 2025
09:56 PM
Have a look in /js/theme.js
/*------------------------
Scroll to top
-------------------------- */
$(function () {
$(window).on('scroll', function(){
if ($(this).scrollTop() > 400) {
$('#back-to-top').fadeIn();
} else {
$('#back-to-top').fadeOut();
}
});
});
$('#back-to-top').on("click", function() {
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
This is written using jQuery, a framwork that has gone out of fashion.
I converted a similar template to using NodeJS and created a very simple script for the Floating back-to-top button:
<!-- =====Floating back-to-top button===== -->
<button type="button" class="btn btn-primary position-fixed bottom-0 end-0 m-4 rounded-circle" onclick="window.scrollTo({top: 0, behavior: 'smooth'})" style="width: 50px; height: 50px; z-index: 1000; display: none;" id="backToTop">
<i class="fas fa-arrow-up"></i>
</button>
<script>
window.onscroll = function() {
if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) {
document.getElementById("backToTop").style.display = "block";
} else {
document.getElementById("backToTop").style.display = "none";
}
};
</script>
... View more
‎Mar 11, 2025
07:15 PM
1 Upvote
I have just added a contact form to a client's website using this method. No coding required.
Just wanted to show you what modern IDE's can do for you
... View more