FREELessons: 35Length: 7.7 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

6.4 Contacts Component

As with most modules in the Joomla CMS, you have the ability to set the global default options. These settings include contacts, contact categories, layouts, permissions and more.

6.4 Contacts Component

Hi, guys. Welcome back to A Beginner's Guide to Using Joomla. And in this lesson, we want to continue on learning about the contacts component. So now we have all of the different menu items that are displaying different pieces of information in relation to the contacts component. But now I'd like to take a look at the configurations of the contacts component. So I'm gonna drop down Components, go to the Contacts Component, and click on Options. So the first tab we come to is the contact tab which displays all of the options for a single Contact. So, what we can do is set the default options for a single contact page, such as the last menu item that links to a single contact, which is my contact, Lawrence Anthony Turton. So, now we're on the contact page and we can start to play around with some of the default settings in order to show or hide certain pieces of content on the front end and also to change the functionality of contact items on the backend. So first of all, we have the ability to choose the default layout that this component will use for the contacts information. So first of all, we have the default layout for the component, and then also, we have one layout from the Beez3 template. So let's go ahead and change that to encyclopedia and save it. So you'll notice that even though we have the single contact page here, let me go ahead and refresh. You'll notice it hasn't actually changed the layout at all. Now we're not changing the page template, but rather just the layout, and nothing has changed. And that's because we are going through a menu item that directly links to a contact. However, let's say we have the featured contacts right here and I click on Task Manager, you'll notice we're getting a bit of a different layout, we're not getting that nice accordion that we had. So, now what I can do is change that back to the default and save it. And now, it should change the layout back to the default, that way, we get this nice accordion going off right here. So that's just something to bear in mind. So, I'm just gonna go back to my contact page. We an also say whether we want to show or hide the contact category, and also, whether we show it with a link. So I'm gonna say, show with links. Save it and then hit Refresh. And now, you'll notice we have the category and it's linked to go to the category page right there. Then we can choose whether we'd like to save the history. So, for example, with each item that's within the Contacts component such as the Category for contact and also a contact itself, you have multiple versions of those items within the Contacts category. Now you can choose to disable version control on those items within the contacts component by simply switching History off. Also, if you do switch history on, we can set how many versions of either the contacts item or the contacts category item you want maximum. So there's ten versions, max, and then they start overriding one another. Next up we get to show or hide the contact list. This would display a drop down on a single contact page that allows you to quickly change to another contact that is in the same category as the current viewable contact. Then, we can choose the default display format. We have sliders, which is the nice accordion effect, that we currently have. We can also have tabs running along the top for the different sections. And then, you can just have it plain, which is a plainly formatted page with no sliders or tabs. It's just all in one huge block of information. Then, we get to display little pieces of information about the contact. And again, these are just the default settings. We can override them when we create our contact. So we can, by default, say which pieces of information we'd like to display about the contact, such as the name, position, address, email, suburb, county, postal code, country, telephone, and so on and so forth. Now the email address is currently being hidden, so I'd like to show the email address by default. Now on top of that, we can also say whether we want to show or hide miscellaneous information, and also show or hide an image associated with the contact by default. Also, you can provide a fallback image if the contact has no image associated with it. Next up, we can say whether we want to show the vCard download link. This will allow us to download a file in the V-card format that contains the contacts information. We can also say whether we want to show the user's articles. So if this contact is linked to a user, and that user is associated with articles, they can show up in their own little section on the contacts page. Also, we have the ability to show a profile. So, if a contact is linked to a user, we can show the profile information of that user relating to the contact page for that user. Then, we can also say whether we want to show the links relating to a contact. Again, when I created my Lawrence Anthony Turton contact, I created quite a few links, but they're not showing up. So if I say, Show Links, it will now show up on the contacts page. I can also provide a full back label for all the different links that I can provide for a contact, so A through to E. And if I don't provide a label for my links within the contact, it will use these labels here. Then also we get to show and hide the tags, which I can take my contact, Lawrence Anthony Turton, and associate the lessons tag with my contact, and then get that to show up in the front end, also, I can hide it in the front end as well. Also, please do note that I can override all of these global configurations on the Display tab of a specific contact. Next up, we can take a look at the Icons tab. The Icons tab deals with the icons that are associated with the contacts information. So we can either choose to go with the icons themselves. And if we don't provide any images, then it will use the default icons that come with the template. But you can override those icons here by simply selecting an image, and you can upload an image into the media manager. [INAUDIBLE] However, we can have to choose have text to describe the information, or we could set it to None, which means no icons and no text. Next up, we can take a look at the Category tab. So these options are to do with the displayment of a contact category page. So let's take the Admin's contacts category, and we get to first of all choose a layout. Now, we only have one layout to choose from, which is the default layout that comes with the contacts component. Next up, we get to show and hide the Category Title, the Category Description, and also the Category Image. We can also set the amount of subcategory levels we'd like to render. So we can go all the way down to the fifth level, or we could say, All, which means every single level we want to render. So now what I would like to do is take a look at my contacts categories again and only have uncategorized and admins both are on the root level. Now, I would like to create a subcategory to the admins category and go ahead and put in all the information real quick. And if we take a look at the front end, the page hasn't actually changed in any way. We cannot see that subcategory showing up. Now, the reason why the subcategory isn't showing up is because it has no contacts associated with it. Meaning, it's an empty category. And, we currently have the setting to Hide or Empty categories by default. So I'd like to now show Empty categories. And now, we should have that empty subcategory being rendered on the admin's contact category page. Next up, we get to show or hide a subcategories description, a subcategories number of contacts that are associated with it, and also whether we show the tags as well associated with a category. And please do bear in mind that all of these options can be overridden. When we take a look at the menu item that links directly to a contact category, and from there, we can actually override this options here. Next up, we can take a look at the categories tab and this gives us all of the display options for the list contact categories page. The first option allows me to show the top level category description. Now the top level category that I've selected for this menu item was the root level. So, what I'm going to do is provide a top level category description on the menu item. So I'm gonna go to Categories, and then provide a top level category description. And that will then show up on the list contacts categories page. And I can also choose to hide that top level category description. On top of that, we can determine how many subcategory levels we'd like to render, and then we can stop after a certain point. So, five is maximum or I could set it to all to render all subcategory levels. Now, I currently do have a category that's nested inside of the Admin's category. However, it's not being rendered on this list categories page because it's classed as an empty category. So first of all, we need to show Empty categories. However, if we take a look at this on the front end, it still won't show up. The reason being is because again, it's a little bug right here with the subcategory levels. Even though I've told it to render all levels, it still not rendering the subcategory that I've asked. So what I need to do is actually set the subcategory levels, and I'm gonna set it to two. So we go from the root level to the second level and that should now show up our category on the front end. Also, we have the ability to say whether we want to show the subcategory descriptions and also show the number of contacts within a category. Also, we can override all of these options through the list contacts category menu item type. Next up, we can take a look at the list layout options. So, the list layout is shown on the featured contacts page. Now, with this layout, I get to choose whether to show or hide the filter field, and show or hide the display select. The display select is a dropdown that lets us determine how many records we show on a single page. Then also, as it's in tubular format, we do have the table headings which we can hide as well. Now, we get to decide what information we'd like to show in the table, for example, position, email, phone, mobile, fax, and more. Then we get to decide whether we show or hide the pagination, or we can leave it as auto, so the pagination only shows up when it's needed. Also, we can say whether we show pagination results such as this is one page of 200, then on top of that, we also can determine how this is sorted by. So we can either sort by the name, the short name, or you could go by the ordering of the contacts component. Now lets take a look at the form options. These options control the contact form on each individual contacts page. So first of all, we can choose to allow CAPTCHA on the contact form. Now please do note that if you do want CAPTCHA on the contact form, which is a good idea to help prevent spam,you will need to enable the CAPTCHA plugin and provide a few details, as you will need to sign off for the CAPTCHA API. The next option will allow us to show or hide the contact form by default. Then, we can also say whether we give them the option to send a copy to the submitter. This comes up with a little checkbox that allows the user to send a carbon copy of the email to their own email address. Next up, we can ban certain email addresses from submitting the form. So, for example, we can provide a list of words, and each word needs to be separated out with a semicolon. If the email address contains one of those words, it will block the email address and stop the form from being submitted. Next up, we can block emails by the subject. Again, providing a list of keywords or key phrases, and if the subject contains those keywords and key phrases, the email will be blocked. We can also do the same for the text that's provided as the message. So if the main message contains swear words, and explicit language, and also marketing type language, we can block those emails as well. We can also disable or enable the session check which checks the user's browser to see if cookies is enabled. If cookies are not enabled, that user will not be able to submit the Contact Form. Then we can define whether we want to enable a custom reply. This switches off the automatic reply system and allows a plugin to take over from that point. But I'm going to say, no, and leave the automatic reply system in place. Next, we get to choose where we redirect the user after they've submitted the form successfully. So, we can either submit them to a completely different website url, which is, or you could link it to another page within your site. Then, we have the Integration tab, which means that, if possible, show a link to an rss feed. Now, please do note that this rss feed link may not show up directly on the page. Rather, in modern browsers, you normally have a feed button that will appear in the browser's title bar. For example, with Safari, you have the Reader button that's grayed out. But when an RSS feed is present, it turns blue and active. Then we have the permissions, so which user groups are allowed to configure this contacts component. So, the global configurations who's allowed to allowed to access it in the administrator interface, who's allowed to create items within the component, delete, edit, and edit the state of items and edit own. So they're only allowed to edit their own contacts in contact categories, but not anyone else's. So, thank you for watching me in this lesson, and please join me in the next lesson where we'll take a look at multiple components such as update, messages, news feeds and their configurations, also.

Back to the top