RS FORM from RS Joomla is a powerful extension form builder with many extra and underrated features. In this article, we will explore some of these features, from using Google Docs and Google Sheets to using the inbuilt .PDF solution in RS Form.
Discover the truth behind Joomla!, the renowned content management system empowering countless websites globally. Unraveling prevalent misconceptions, this article delves into Joomla! 's functionality and user-friendliness to offer valuable insights. By debunking the top ten…
MigrateMe 4 is a commercial extension that can migrate Joomla websites from Joomla 3 to Joomla 4. It is a relatively easy-to-use extension that can migrate all files and data from a Joomla website, including the content, the modules, the plugins, and the settings.
Regular Labs - Advanced Module Manager is an extension designed to enhance the administration of Joomla modules. With its powerful features and user-friendly interface, it aims to give users more control over their modules and provide them with a better overall experience.
Articles Anywhere is a powerful Joomla plugin that allows you to insert articles anywhere on your site, including within modules, 3rd party components, and even inside other articles. You can place complete articles and only specific data (like Title, Readmore Link, Text,…
Regular Labs' DB Replacer is a Joomla extension that allows you to search and replace text in any table in your Joomla database. It even supports searching with case sensitivity and using regular expressions. DB Replacer is a great way to save time and effort when you need to…
Regular Labs' ReReplacer is a powerful tool that allows users to search and replace text in various contexts. With its advanced features, ReReplacer will enable users to efficiently manipulate content using regular expressions (regex).
Content will be of significant importance in 2024. Sometimes we often write the same code repeatedly, but with the Content templater Extension from Regular Labs, you can import a template just by clicking a button.
Icons have a significant visual effect to have on your website. Did you know that using an icon as a Custom Field is possible? - Creating an override for the Field layout is done in minutes. Since Font Awesome is included in Joomla's Cassiopeia template, we will use a template…
The Failed Login Attempts plugin gives you an overview of your failed logins, but you can make it even better by applying a simple override. The override provides a link to more information about who has tried to log in, and you can therefore use other extensions to block the…
If you own a website, you probably know that not all visitors have legit reasons to visit your website. There are both bots and humans that daily tries to get into your website without having an account.
Using custom characters in JCE Editor can be challenging, especially if you want to use symbols, not on the JCEs default list. There are two ways to do this. Special characters are often used in content to show something, but could you please explain how a field is inserted into…
Joomla 4 comes packed with features by the core version. One of these features is the Bootst6rap Framework, which Joomla has added by default. Bootstrap has been around since 2011 and part of Joomla since version 3. The latest version, 5.1, is prebuilt into Joomla 4. When this…
Subform fields are mighty, but did you know they look like a list? - Here, I will show you how you can spice up the look of your Subform. Although Subforms are not a new feature in Joomla 4 but were available already in Joomla 3, in Joomla 3, they were introduced as…
In Joomla, it is relatively easy to create CSS overrides. If you would like to change the color of the Invalidate Cache button, you can read on. How to create a CSS override in Joomla 4 Administrator (Atum - Template)? Joomla is built with the intention of user customization of…
Site caching is sometimes a web developer's nightmare. You can control the site reset using Invaliade Cache, a simple free module in the Administrator of Joomla.
You’ve probably heard that Joomla is a “free” platform. That’s true, but it doesn’t tell the whole story. You can download the software for free, and you can host Joomla sites for free on specific hosting platforms. However, if you want the best possible performance and…
Joomla is a fully grown CMS system that will be up-to-date on everything. The Joomla 4 version will be a considerable step toward WordPress popularity.
In Joomla 4, we were introduced to “subforms”, which are great for creating more user-friendly fields for your articles or page, containing the fields in the subform. The problem is that when you create a subform, the fields in the subform are divided by a comma. This doesn’t…
JCE Editor is more than a basic Editor for Joomla. You can give access to specific folders on the ROOT or even subfolders using the “Filesystem” in the JCE Profiles.
With the ability to use extensions in Joomla, it is often prevalent to install more extensions than necessary; this will usually result in a slower site. So here are my recommendations for the ten best Joomla extensions every Joomla site should have.in 2023.
SEO or Search Engine Optimization is essential for becoming successful online. There are a high number of tools to help you in reaching your SEO goals. One of these tools is 4SEO from Weeblr.
JCE Editor is the best and most used Editor in Joomla; only TinyMCE as the core editor can beat it. Every Joomla site should have the JCE Editor installed because it is free and easy to use.
Having a good web hosting solution for your sites, either it is static or based on a CMS like Joomla, WordPress, or others, you have a lot of considerations to take into a factor. I will try in this article to guide you in the right direction towards modern hosting in 2022.
When you have a new Joomla Installation, the most annoying thing is that it doesn’t work as you would prefer. You may end up spending hours after hours trying to find the fault but end up banging your head in the wall. Here are 3 common reasons why your site Joomla site isn’æt…
If you have a custom.css file and would like to use JCE Editor to insert the CSS style classes to trigger CSS, this is how you can do this without knowing any HTML. Just follow these easy steps.
Is it possible to do things in Joomla Backend that is considered a hack! This tip from Basic Joomla is the answer, Yes!, there are several hidden possibilities in Joomla if you put your fingers into it.? - Here is how to use a hack for doing better Menu separator in Joomla. Here…
The dark mode is the new Black, and it keeps your eyes from getting light exhausting. And it also looks great in the browser. The Dark mode is not native in either Joomla 3 or Joomla 4 (as of my knowledge). But there is a solution if you don’t want to use a plugin for your…
One of the most common mistakes when creating a new Joomla site is not securing the Joomla-site both with Backup and Security Extensions. Having up-to-date security is essential for every site on the Internet, whether it’s a plain HTML site or a complex CMS system like Joomla or…
There are many Extensions for Joomla, both free and with a paid license. But there are a few that should be mandatory for every installation of Joomla. I will here make a list of those I think is essential when you start a website.
In Joomla, it’s possible to use CSS more effectively than most people realize. You can, if wanted personalize each page just by adding a CSS class to the menu link. Joomla offers in most modern templates the ability to target either the title or the page’s alias. It makes…
Is it possible to make content sliders using pure CSS & HTML only? - Read through and find out more. I will show you some smart tricks that make an awesome reusable slider using only HTMl & CSS. Have you ever written a long article with mutch specifications inside? - These…
The backend of Joomla can be very boring to look at. You can customize it as you like, by adding and replacing modules on the page. When you install the Joomla 3.x out off the box, you get two backend templates preinstalled, the main and mostly used template is Isis, this will…
Let's state it once and for all, the backend in Joomla is quite boring, but what if you can give it a more interactive and interesting look. This is quite easy to do using the backend modules and CSS. The reason for this article offsprings from a Youtube Video that shows the…
Have you ever been frustrated by styling a page for then realize that every image contains a white line underneath, I saw this trick on Youtube and tried it with Joomla. The result was that line disappeared. This issue resides from the early internet when we've to use inline…
Have you ever made a website with Joomla and you are getting the title "Home" with a large h1-header-tag? You can either hide the tag completely on all content, or you must specify it to be hidden on every page/article you make. There is a third and maybe smarter way to do this.…
< CSS has from the age of the Internet been a part of doing websites. It is an easy but useful way to design an article. There are several ways to write CSS in Joomla, you can use an external file to store all CSS codes in, you can use an extension to include the code, or you…
When you are about to change passwords in other ways that it's intended to do, you should always take in mind that it always is a security risk. You should therefore use extra care when you need to use these steps. These ways work in Joomla 2.5, 3.x, and 4.x. The tutorial is…
Extensions from Regular Labs is very easy to use, they come with great documentation, and are for the most self-explanatory. This is almost the case for this extension too. However, I decided to write a review and give you my thoughts.
The DB Replacer is another good extension from Regular Labs, this extension gives you complete control over the DataBase that your Joomla install is based on, without going into tools like phpMyAdmin that require a lot more knowledge.
The RSForm component from RSJoomla is a very powerful form-creator in Joomla. Besides collecting data to the database, you can send customized emails to both users and admins, and even to others.
RSForm from RSJoomla is a powerful Formmaker for Joomla, it gives many extras options, one of them, is the ability to send values in emails based on certain selections.
The Akeeba Admin Tools is a great addition to securing your Joomla CMS. But there are some features that need some tweaking for running smoother. One of these is an admin's ability to change a user in the back-end.
Custom Fields in Joomla is the new holy grail of customizing the look of your Joomla content. Its power lies in displaying prepared info into articles that can be specified by the author in all cases.
A template is the holy grail of a CMS-system; it lays out the structure of your website. But it's always possible to tweak the content and make it look better. All Modules, Components, or Plugins in Joomla can be changed using overrides. Though many sites may look good with the…
One of the most important things to have in mind when you deploy a new website is Backup policy. Akeeba Backup is a free Component from AkeebaBackup, which allows you to do secure backups and maintaining them for your Joomla site.
A tool for doing the heavy overview of how the admin area is secured is always useful to have. Admin Tools from Akeeba is one of these tools. With this Component, you will take the security up quite a few notches.
Joomla 4 comes packed with features by the core version. One of these features is the Bootst6rap Framework, which Joomla has added by default.
Bootstrap has been around since 2011 and part of Joomla since version 3. The latest version, 5.1, is prebuilt into Joomla 4. When this is said, most of Joomla's core doesn't use it by default. Read more here about how to use it in a Subform.
Bootstrap is a Framework that is known by developers to be easy to use and, at the same time, offer speed and maintainable code. Bootstrap is by default installed in Joomla 4, the version to this date is Bootstrap 5.1.3, but I believe it to become updated in future releases.
Colors
Using the standard colors in Bootstrap is very easy, these classes are as follow: .text-primary, .text-secondary, .text-success, .text-danger, .text-warning, .text-info, .text-light, .text-dark, .text-body, .text-muted, .text-white, .text-black-50, .text-white-50
Witch will show as follow: .text-primary, .text-secondary, .text-success, .text-danger, .text-warning, .text-info, .text-light, .text-dark, .text-body, .text-muted, .text-white, .text-black-50, .text-white-50
Cards
Cards are the modern way of displaying ranges of content that often fit together. Examples of use cases that use cards can be pricelists, news, and the site's footer. By default, cards are not responsive, but by using some easy CSS rules we can make them responsive.
Lists
We all use lists in web development, but the default bullet list looks awful and retro in my eyes. We can all style our asses off, but the lists will look the same. Bootstrap offers something better than the plan lists. By using .list-group as a class in the ul or ol element, and .list-group-item in the li element you get a better-styled list. See below:
An item
A second item
A third item
A fourth item
And a fifth one
Display settings
In the display setting, you decide what to show on different displays like desktops, tablets, or phones. So based on the classes you have set in your content, you can manipulate how content is viewed on the devices. The predefined classes are: .d-sm-block, .d-md-block, .d-lg-block, .d-xl-block, and .d-xxl-block. These have these breakpoint sizes ≥576px, ≥768px, ≥992px, ≥1200px, and ≥1400px, you can read more about Breakpoints here. .d-none is used to hide all by default, which is why you always include the class .d-none first every time and the others after because it resets what is to be shown to nothing.
A combination of these is necessary to get the best result. These combinations can be: .d-none .d-md-block .d-xl-block, Wich means you only display it on specific screen sizes.
If you use it on your modules, you can control what is displayed on which devices. Usually, you set this under the Advanced tab and "Module Class", but for the menu module, you must put it in the "Menu Class" in the advanced tab. This means you should have more than one module to control when to show what.
Margins & Padding
Using padding and margins in Bootstrap is relatively easy to work with. By default, Bootstrap offers ranges from .25rem to 3rem. For margins you simply use "m-", and padding is done by "p-" represented by a number from 0-5, where 0 is no margin/padding. If you want to specify the sides, you use (m/p) t, b, s, e, x, or y, representing top, bottom, sides, left, left and right, or top and bottom. You can read the full explanation here.
MORE WILL COME LATER!
- LET ME KNOW IF YOU KNOW ANY OTHER WAYS TO DO THIS IN THE COMMENTS BELOW -
The dark mode is the new Black, and it keeps your eyes from getting light exhausting. And it also looks great in the browser. The Dark mode is not native in either Joomla 3 or Joomla 4 (as of my knowledge). But there is a solution if you don’t want to use a plugin for your browser. You can simply override the CSS with a custom.css file in the backend of Joomla.By default this is built into Joomla Core, you only need to add the file. Read how to do this here.
If you want to protect your eyes against constraining, you may use dark mode as an override in the Joomla Isis template at the Backend.
Nowadays, you can get plugins for the browser that makes the browser to apply dark mode by default. However, this corrupts the look of your Backend. One of these is “Dark Mode for Google Chrome” I find this to be handy on several sites, but not on the Backend for Isis template.
There are some different ways to do this, you may only want the browser plugin override, but a better way to do this is to apply a CSS override in the “custom.css” file in Administrator template Isis.
Thanks to Alexsey, we will all be able to use this override from his GitHub page.
There may be other solutions or overrides to apply, you can add an extension to do this in the JED, but I always find that Core works the best for these additions, It's also quite easy to apply.
- LET ME KNOW IF YOU KNOW ANY OTHER WAYS TO DO THIS IN THE COMMENTS BELOW -
In Joomla, it’s possible to use CSS more effectively than most people realize. You can, if wanted personalize each page just by adding a CSS class to the menu link.
Joomla offers in most modern templates the ability to target either the title or the page’s alias. It makes customized CSS very easy, using the page class as a master class for each page’s underlying divs or text-styles.
If the template doesn’t offer this, you can use a feature built into Joomla Core. This feature lets you add an extra class to the page when using the menu; by adding a ¨"Page Class" in the “Page Display” tab when you create the menu link.
Let me give an example. If you want to have another look at the Heading-Tag and add more space to your paragraphs and add another color to that particular page’s background. First, create the article. Go to Content -> Article -> Add New Article
Create the content of your choice. I use JCE Editor, but the principle is the same in all editors. When you are finished writing, save the article. From there, you head over to The Menu -> Main Menu (Or the menu of your choice) -> Add New Menu Item. Create the menu title and add a link to the article.
When you now go to the tab “Page Display,” add a class in the “Page Class” (remember to put a space before the name, if not, it could end up with the class “Item-page[your class]".
Now in the CSS, if you target the class with nested subclasses, you can style this specific page. Let’s say the page has the class “my-class”. In the CSS, this will be:
Is it possible to make content sliders using pure CSS & HTML only? - Read through and find out more. I will show you some smart tricks that make an awesome reusable slider using only HTMl & CSS.
Have you ever written a long article with mutch specifications inside? - These articles have their way to become very long and hard to read. There is an excellent way to intrigue your users to read more using content sliders.
The trick is to use HTML-tag <details> and <summary> in combine this will trigger the HTML to create a slider. It’s easy and fast to set up, and I will show you how to do this in easy steps.
Step 1: Create the HTML outlay
This is what we will make:
Here is the details!
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolor dignissimos at nam possimus doloremque minus libero cum a quos perferendis qui ipsam nostrum voluptas quaerat earum eius ipsum laborum eligendi dolorum nulla, eum excepturi vel nihil! Optio quos quidem dignissimos ratione dicta accusantium, animi possimus fugit? Possimus sequi doloremque minima ratione. Dicta ducimus animi cupiditate nulla expedita iusto nihil ipsa voluptatibus corporis, officia ullam consectetur distinctio consequuntur debitis laborum voluptatum quae eos, repudiandae nisi, culpa nesciunt qui eligendi vero! Ipsum, harum ea ipsam atque, unde laudantium quibusdam reiciendis corrupti ipsa totam laboriosam in omnis quisquam quaerat illum suscipit sequi aut?
Here is the details!
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolor dignissimos at nam possimus doloremque minus libero cum a quos perferendis qui ipsam nostrum voluptas quaerat earum eius ipsum laborum eligendi dolorum nulla, eum excepturi vel nihil! Optio quos quidem dignissimos ratione dicta accusantium, animi possimus fugit? Possimus sequi doloremque minima ratione. Dicta ducimus animi cupiditate nulla expedita iusto nihil ipsa voluptatibus corporis, officia ullam consectetur distinctio consequuntur debitis laborum voluptatum quae eos, repudiandae nisi, culpa nesciunt qui eligendi vero! Ipsum, harum ea ipsam atque, unde laudantium quibusdam reiciendis corrupti ipsa totam laboriosam in omnis quisquam quaerat illum suscipit sequi aut?
Here is the details!
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolor dignissimos at nam possimus doloremque minus libero cum a quos perferendis qui ipsam nostrum voluptas quaerat earum eius ipsum laborum eligendi dolorum nulla, eum excepturi vel nihil! Optio quos quidem dignissimos ratione dicta accusantium, animi possimus fugit? Possimus sequi doloremque minima ratione. Dicta ducimus animi cupiditate nulla expedita iusto nihil ipsa voluptatibus corporis, officia ullam consectetur distinctio consequuntur debitis laborum voluptatum quae eos, repudiandae nisi, culpa nesciunt qui eligendi vero! Ipsum, harum ea ipsam atque, unde laudantium quibusdam reiciendis corrupti ipsa totam laboriosam in omnis quisquam quaerat illum suscipit sequi aut?
To ensure reusable code, I have decided to wrap the code in a <div>. This way, we will ensure that you can maintain the same style for every slider that contains the outer <div>-class.
Now let’s get into it!
The first thing to do is to set the outer <div>. You can achieve this by saying:
<div class=”slider”> …… </div>
The content will get the outer class of .slider, which you can be given styles by using CSS.
Step 2-1: Create the slider HTML
Now its time to create the actual slider inside the <div class=”slider”>, this is done by defining the slide using the HTML-tag <details>. The syntax for the complete slider will be:
<details>
<summary>{title of the slider}</summary>
<p>Content<p>
</details>
The summary tag contains the title and stays on top when the slider is collapsed and folded out.
Step 2-2 Decide if you like to style the content inside the slider using a <div>-class.
This way, you can have multiple sliders on one page and specify each slider’s <div> to be unique. The syntax can now look as followed:
<details>
<summary>{title of the slider}</summary>
<div class=”slider-content”>
<h1>Welcomme to the specifications</h1>
<p>Hello to you!</p>
</details>
You can use any HTML inside the slider; this way, you can target the contents with plain CSS
The slider out of the box looks very straightforward. To edit this, you can use CSS to override the look if you like.
Step 3 Style slider with CSS
It is relatively easy to manipulate the look of the slider with CSS. IN this example, we will use:
Let’s celebrate! The Joomla! Project is pleased to announce the release of Joomla 5.1.4, alongside Joomla 4.4.8. This are bug fix releases for the 5.x and 4.x series of Joomla.
The Joomla! Project is pleased to announce the release of Joomla 5.1.3 and 4.4.7. This is a security and bug fix release for the 5.x and 4.x series of Joomla.
The Joomla! Project is pleased to announce the release of Joomla 5.1.2 and 4.4.6. This is a security and bug fix release for the 5.x and 4.x series of Joomla.
Wait - what? A content management system changing lives? Surely that can’t be a thing? Well, turns out it is. Like every other free and open source software, Joomla makes it possible for millions of people worldwide to change their life for the better. So: free, yes, but priceless in what it brings to us. JCM asked 19 people just one simple question: how did Joomla change your life? Read their inspiring stories!
Wonderful news! At the moment of writing, it's Joomla’s (19th) birthday.
But what is Joomla, and what are we celebrating?
Joomla is a content management system (CMS) as we all know. However, beyond this, Joomla is all the people who support it. A huge community of volunteers who are there to build, develop, extend, teach, communicate, advocate, and so much more.