? ?
avatar Scrabble96
Scrabble96
10 Dec 2020

Problem identified

  1. Create a custom module
  2. Go to options and select a background image
  3. Discover that there is no option to specify background image styling such as cover, no-repeat, background-position etc, The default output is simply to output the image's URL which will repeat the image at its actual size if it's smaller than its container.
  4. There are only two ways to override the style: one is by adding a pre-existing class to the module, if one exists with the required parameters, and two: by adding CSS to the template's style sheets. However, if a user is a front-editor only then they won't have access to these files.

Proposed solution

  1. Either remove this option and expect people to have the knowledge to add background images to divs manually using html and inline code in the code editor, or
  2. Add further background image style choices (background-colour, background-position, etc etc). This still generates inline styles, but that can't be helped here.

I know from reading other posts that many are against inline styles, but for non-techy users who just want a single background image behind some text, it's unlikely that they'd know anything about styling or and even less likely to start using relative and absolute positioning of images instead.

Open questions

Do you agree and if so should it be suggested as a feature request? Thanks.

avatar Scrabble96 Scrabble96 - open - 10 Dec 2020
avatar joomla-cms-bot joomla-cms-bot - change - 10 Dec 2020
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 10 Dec 2020
avatar Scrabble96 Scrabble96 - change - 10 Dec 2020
The description was changed
avatar Scrabble96 Scrabble96 - edited - 10 Dec 2020
avatar brianteeman
brianteeman - comment - 10 Dec 2020

or 3. Leave it as it is

avatar Scrabble96
Scrabble96 - comment - 10 Dec 2020

or 3. Leave it as it is

Possibly, but I don't think it's much use as it is.

avatar bembelimen
bembelimen - comment - 15 Dec 2020

But isn't that a template thing?

If your template uses a framework, you can work with the module suffixes.

avatar Scrabble96
Scrabble96 - comment - 15 Dec 2020

But isn't that a template thing?

If your template uses a framework, you can work with the module suffixes.

Well, yes, I could add a new class that includes the image name and do the whole background image in a user.css file. But it might not be me creating the module and wanting to add a background image, e.g. for a one-off event notice. As I said originally, a non-techy front-end user without access to the template's user.css files and without enough/any CSS knowledge to code it in the module editor, wouldn't be able to adjust it. I don't know about your clients, but mine are very non-techy restaurant owners, B&B owners, builders, church volunteers, etc. So if it needs to be styled with CSS, rather than having choices in the Options tab, what's the point of having it as an option?

avatar brianteeman
brianteeman - comment - 15 Dec 2020

Just checking but isnt this exactly the same in j3?

avatar Scrabble96
Scrabble96 - comment - 15 Dec 2020

Just checking but isnt this exactly the same in j3?

Quite possibly, although I’ve never used it. I was testing Cassiopeia and came across it. If it is a J3 ‘feature’ then why not improve it, as many other features have been?

avatar brianteeman
brianteeman - comment - 15 Dec 2020

I was asking so we could see if its a bug/loss of functionality or a new feature

avatar chmst chmst - change - 15 Dec 2020
Labels Added: ?
avatar chmst chmst - labeled - 15 Dec 2020
avatar Scrabble96
Scrabble96 - comment - 16 Dec 2020

Just checking but isnt this exactly the same in j3?

Yes, it is exactly the same in J3.

avatar drmenzelit drmenzelit - change - 18 Dec 2020
Status New Closed
Closed_Date 0000-00-00 00:00:00 2020-12-18 10:37:05
Closed_By drmenzelit
avatar drmenzelit drmenzelit - close - 18 Dec 2020

Add a Comment

Login with GitHub to post a comment