Template Alert

[Kanonimpresor]

Where is the template for the Alerts?

I need to adapt and I don't see what the default template is.

[Kanonimpresor]

How do I render the alert system?

Thank!

[rica-carv]

There's no template, but you can customize it via css...

[tgtje]

Just adding : basically it is code being called (how to do (bootstrap style see example) and what > get a text).
look in login php around line 95 the texts in use are as LAN's (lan_login php).
edit : see also theme (ex bs5) >layouts sc = ALERTS

[Kanonimpresor]

@tgtje and @rica-carv
I did the following (correct my stupidity if necessary):
I want to know how to adapt and customize the e107 alert system.
Which files do I need to add to overwrite the e107 ones?

1 image, no Alert appear
2 image, I almost have it in action (it's the model to be applied)
3 image, an alert remains inside

PS:How to overwrite all .php files that use {Alerts}?

And I want to exaggerate, my modification/application must alter the format/style in TinyMce4.....
I complicate everything!!!

and your code has a syntax error ( \n )

[rica-carv]

PS:How to overwrite all .php files that use {Alerts}?

You shouldn't overwrite any E107 base code files, because on any update, they'll be overwritten without notice.

You should customize everything at Theme level, never in the base code.
That's why themes exist.

Alerts can be customized via CSS & custom shortcodes, and i think you can even change theyr position in theme templates.
Everything is donne at theme level, and never changing the base code....

And I want to exaggerate, my modification/application must alter the format/style in TinyMce4.....

If you want to use TinyMce4 to change the alerts, well, that's impossible.
As i've stated previously, there's no GUI to change alerts, everything has to be donne manually with HTML, PHP & CSS code...

If i may ask, what are you planning to do?
Can't you live with small changes in current alerts??? Via CSS, etc???

[Kanonimpresor]

@rica-carv,
Within my theme/templates, it can be overwritten (I don't want to overwrite the core)
and I'm not satisfied with a simple alert announcement...
The alert can disappear, it doesn't need me to close it, it can appear floating in a corner, oh so many things!

And I'll tell you more, it should be a plugin, to be able to create different ads, cookies, an offer, a subscription, oh so many things!

[rica-carv]

The alert can disappear, it doesn't need me to close it, it can appear floating in a corner, oh so many things!

@Kanonimpresor Again, you can customize pretty much the alert.
But what you want is native BS5 Toasts

And I'll tell you more, it should be a plugin, to be able to create different ads, cookies, an offer, a subscription, oh so many things!

No need for a specific plugin, but anyway if you need that, there's the core welcome message plugin....

[Kanonimpresor]

If the error page is customizable, the "Alerts" should also be customizable.

My apologies if I'm wrong!

[rica-carv]

If the error page is customizable, the "Alerts" should also be customizable.

And they are.
The error page is customizable via templates, bucause it's a FULL PAGE.
Alerts are not customizable via templates, because they're PART OF A PAGE.
Got it?

Once more, you can customize alerts via CSS, PHP (shortcodes) & HTML.

And again, what is your idea of customization for alerts?

PS: Have you tryed ask ChatGPT? NOT ChatoPT... 😆
I've been "working" it out to enlighten it for some e107 code errors it has, so you might get a fair answer to your issue....

[Kanonimpresor]

Hi, @tgtje @rica-carv

If it is via CSS that I alter the Alerts, why are they commented in e107.css?

/******** SyS Messages / Message text formatting /
/ message boxes /
.s-message { }
/
.s-message div.info,
.s-message div.error,
.s-message div.success,
.s-message div.debug,
.s-message div.warning { padding: 5px; margin-bottom: 10px; }

.s-message div.info { background-color:#C1E0FF; border: 1px solid #3399FF; border-radius:5px }
.s-message div.error { background-color:#FFCECE; border: 1px solid #CC0000; border-radius:5px }
.s-message div.success { background-color:#DFFFDF; border: 1px solid #009900; border-radius:5px }
.s-message div.warning { background-color:#FFFFD5; border: 1px solid #FFCC00; border-radius:5px }
.s-message div.debug { background-color:#FFFFFF; border: 1px solid #EAEAEA; border-radius:5px }

.s-message .s-message-title { height: 32px; background: 0 50% no-repeat; padding-left: 42px; font-size: 14px; font-weight: bold; line-height: 32px; }

.s-message div.info .s-message-title { background-image: url(images/messagebox_info.png); }
.s-message div.error .s-message-title { background-image: url(images/messagebox_critical.png); }
.s-message div.success .s-message-title { background-image: url(images/ok.png); }
.s-message div.warning .s-message-title { background-image: url(images/messagebox_warning.png); }
.s-message div.debug .s-message-title { background-image: url(images/messagebox_info.png); }

.s-message-body { padding-left: 42px; }
.s-message-item {}

/* validate result inline message */

[tgtje]

because the message 'call' is not limited to alerts on front. Although i can not fully answer your question , i do assume (partial on surrounding coding) it seems to serve more explanation (kept, but hidden) what the code actually does or its purpose ).

It likely serves back compat, and more styling elsewhere too. (general or pinpointed).
best example i can give : bootstrap3/admin_style.css

So as @rica-carv already mentioned when change. : most iff not all in theming and style. in his previous post;
where each core file iff adjusted will be changed after an update anyway.

All in all for me it seems you would like to have a kind of popup windows (or page part) that triggers internally an alert, the kind which you want to
be able to show own texts. Maybe i am wrong, but i hardly do anything in theming anymore, but i probably would seek a solution in using a menu (pre-styled) and since it often is only a single file construct no one says you may not need/use 10 of those diff in name.
Just an idea.

[rica-carv]

If it is via CSS that I alter the Alerts, why are they commented in e107.css?

@Kanonimpresor You're searching in the wrong spot....

Here's some simple regular CSS alert modification:

/*************************************
*** ALERTS CONTENT *********************
**************************************/
.alert-danger {background-image:url(images/error_bg.png);}
.alert-warning {background-image:url(images/warning_bg.png);}
.alert-success {background-image:url(images/success_bg.png);}
.alert-info {background-image:url(images/info_bg.png);}
.alert-primary {background-image:url(images/primary_bg.png);}
.alert-secondary {background-image:url(images/secondary_bg.png);}
.alert-light {background-image:url(images/light_bg.png);}
.alert-dark {background-image:url(images/dark_bg.png);}
div[class*='alert-'] {background-position:bottom right ;background-repeat:no-repeat;}

[Kanonimpresor]

@tgtje and @rica-carv,

Boiled potatoes, anyone can do it! 😄
I like to innovate and make a difference.
I'm doing this...see top right corner,

Alerts.e107.-.1754905847815.mp4

It's not fully functional because there are different classes and small details that need fixing. Another question: why doesn't submitnews.php have its own customizable template?

[rica-carv]

I like to innovate and make a difference.

@Kanonimpresor I've been down that road, but i learned the hard way....
I wonder how would your page look in a smart phone.....

After all E107 has BS embebbed, you know?

I'm doing this...see top right corner,

Again, what you want to do is native BS5 toasts...
No need to reinvent the wheel.....

Another question: why doesn't submitnews.php have its own customizable template?

Because that code is 8 years old, and never was "templatizated"....

[Kanonimpresor]

@tgtje and @rica-carv
It's under development, and I think it could be very useful.
Put a shortcode in the news story and voila!
Short and targeted message!

Static vs. Dynamic Notification...which do you choose?

Video.sem.titulo.4.mp4

I wonder how would your page look in a smart phone..... 😃

[rica-carv]

I wonder how would your page look in a smart phone..... 😃

@Kanonimpresor Horizontal scroll bars on a smartphone????

Anyway, back to the topic, here's BS toasts in action:

So, as you see, there's no need to reinvent the wheel, the code is already in BS, just need a litle JS and nothing else....

Second version, simple HTML markup change:

And as you can see you can have regular core alerts, along BS toasts & BS popovers...

BS Toasts are auto dismissable and can also be closed by user....

[Jimmi08]

Because I don't follow this repo until somebody mentions my name, it is nice to read this after it is almost solved.

So my 2 cents:

• You can override any core handler with override functionality, only that there is no documentation on how to do it. I saw this in one plugin by Lonalore a long time ago, but I wasn't able to reproduce this with news handler or form handler. Or message handler in this case. This should be the correct way - if you want to use it in the whole system. As I said, I wasn't able to do it.

• You can add your own notification system, plugin, theme... You can override the output of ALERT shortcode with theme shortcodes and $override = true; Would I do it? No, I tried it, I went that way... Rica is right in this.

I stopped using 2.4 version on live sites. I use cherry pick to apply good changes in the core to my version of 2.3.3 or not accepted PR - the last one by Deltic is pretty important, and it is not still merged. I build e107 sites either for me or for clients, and I need the stable version.

The news is something that I removed as my first core change. I asked for this: #5065
But the new complexity is really overwhelming and I wasn't able to finish the news plugin. I think that is better to start from the beginning. I don't have time anymore.

If I look back, I think that the main source of issues is that the handlers for backend and frontend are the same. Looks at navigation, forms... theme handler... it should be separated, and it would fix a lot of problems. At least you wouldn't load so big classes for the frontend.

Good luck with all your work, I hope I will be back soon.

[rica-carv]

But the new complexity is really overwhelming and I wasn't able to finish the news plugin.

@Jimmi08 So, you planned to make the news a real standalone plugin, instead of being embebed in the core?
I also though of that some time ago, but was unable to go for it....
But is the core developers in favor of doing it? or not?

For me e107 should be the base framework, with all the rest that is currently embebed in core being optional plugins, ie: news, etc...
Anyway, i'm getting away from this discussion...
Sorry...

[Jimmi08]

@rica-carv Yes, I already successfully removed it from core, pulled to separate plugin - it works on e107sk.com But I planned to fix/update/improve cod,e but my time is limited.
No, it is not supported by core developers. You can see the answer on my PR related to this topic.

It was my intention - I use e107 for custom development, as a framework, if i need something, I create a small plugin for it etc. It can work with WordPress, and other CMS very nicely.
You can see it here: https://github.com/Jimmi08/e107-2.3.4-Lite

EDIT: for my Fanfiction site I use nuke topics and articles system with e107, so I don't need news plugin at all and I consider to left not used plugin on live site (with submission option) as the risk. This was initial idea for removing news from core.

[rica-carv]

• You can override any core handler with override functionality, only that there is no documentation on how to do it. I saw this in one plugin by Lonalore a long time ago, but I wasn't able to reproduce this with news handler or form handler. Or message handler in this case

@Jimmi08 I don't know if it helps, but you can also override core shortcuts with plugins, i do it with my e series plugins....
After all i can scavenge the code just to make the output i want...
But i know, it's different aproach from yours...

It was my intention - I use e107 for custom development, as a framework, if i need something, I create a small plugin for it etc.

I understand you perfectly. I kind of was "forced" to use news in my site, to take advantage of the normal e107 code, but today i feel my site can really use a news section.
But i still have no use for the chatbox_menu, featurebox, gallery, gsitemap, hero, import, linkwords, newsletter, poll, rssmenu & social core bundled plugins....