Materialize theme

OneManLaptop
Developer
Posts: 68
Joined: Tue Mar 16, 2021 3:29 pm

Re: Materialize theme

Post by OneManLaptop »

Looking forward to seeing what you've been cooking c0mp0ser. :)

User avatar
c0mp0ser
Posts: 67
Joined: Mon Jan 02, 2017 11:59 am

Re: Materialize theme

Post by c0mp0ser »

OneManLaptop wrote:
Fri May 13, 2022 7:41 am
Looking forward to seeing what you've been cooking c0mp0ser. :)
Hahahahaha! 😆 For now, I am still "tugging" at some stubborn little things. "More of this, more of that ... When will it end ...?" 😆
It's just me, an unmeasurable particle of the cosmos ...
https://pawelkruzel.m00n.link
https://m00n.link
https://materialize-wcms.m00n.link

User avatar
c0mp0ser
Posts: 67
Joined: Mon Jan 02, 2017 11:59 am

Re: Materialize theme

Post by c0mp0ser »

Some news ...

Every listed block element can be displayed using Materialize Grid: <h> - headers, <p> - paragraph, <code>, <blockquote>, <audio> in paragraph, <video> in paragraph, <img> - image, <div>, <ul> - unordered lists, <ol> - odered lists, forms and their elements ... This seems to be a sufficient list for a pretty content-rich site. Of course, you have to manually add the appropriate CSS classes to these elements to place them in the grid.

More about Materialize Grid:

https://materializecss.com/grid.html

The battle to display the Youtube video player directly in the grid without adding additional html elements by coding - is lost for now. Of course you can always display Youtube video by editing the code and by sorrounding it by two <div>'s, but it requires more effort and it's not that easy. An example will be published. The only way to easy publish such a video using Summernote Editor is to insert images with a link to Youtube or regular links or also buttons of different sizes (3). Again - manual coding is necessary. Materialize framework allows you to display responsive video, but not in the grid (!). I can show how it can be done simply, but the result is not entirely satisfying. They messed something up in their code, and I didn't figure out what the problem was.

Similarly, tables. They refuse to put them to the grid.

As incomprehensible as this all sounds - my idea is simple. Every element of the site design is to be placed in a grid. This is to be the default, though not automatic. Simple as that. I assure you that it simplifies a lot and enables even more.

I had no idea that experimenting and tweaking would take me this long. But it seems to be closer than further to the end ...
Questions and comments are welcome.
Last edited by c0mp0ser on Wed Feb 15, 2023 7:52 am, edited 1 time in total.
It's just me, an unmeasurable particle of the cosmos ...
https://pawelkruzel.m00n.link
https://m00n.link
https://materialize-wcms.m00n.link

User avatar
c0mp0ser
Posts: 67
Joined: Mon Jan 02, 2017 11:59 am

Re: Materialize theme

Post by c0mp0ser »

Some news:
The theme is being extensively tested. Work on the theme is delayed as I consider various options. Time and time again I also find important CSS styles to add or change. I don't want to release something into the world that isn't polished enough.

I'm also in the process of creating some sort of help files for the theme. It's good to explain how it all works, what the potential is, and effective usage practices.

I'm not a programmer, but I have managed to rework and optimize two plugins that are ultimately intended for use with this Materialize Dark theme (or other themes as well). They are:

Additional Contents Lite: https://github.com/pawell0/additional-contents-lite

Summernote Editor Lite: https://github.com/pawell0/summernote-editor-lite

Of course, I know about asking for my plugins to be included in the official repository. I would prefer someone besides me to test them as well before I ask for the above.

I know quite a bit about CSS/HTML. Since I am not a JS/PHP developer, and I have noticed recent changes/new versions in the CMS itself and in one of the original plugins, I need help in making changes/updates in the plugins I created. Because these changes to the original plugins and CMS are inadequately described, I don't always know what they are or how they are relevant. Anyone interested in helping? Any questions, suggestions, ideas, advice?
It's just me, an unmeasurable particle of the cosmos ...
https://pawelkruzel.m00n.link
https://m00n.link
https://materialize-wcms.m00n.link

OneManLaptop
Developer
Posts: 68
Joined: Tue Mar 16, 2021 3:29 pm

Re: Materialize theme

Post by OneManLaptop »

Will this be compatible with the recent image processing updates? Wiz, if c0mp0ser gets this lite version of the Summernote and Additional Content Editor working and they do indeed offer the same functionality as the current versions just without the dependencies, would you consider making them the standard variants of the plugins going forward?

Happy to help you test C0mp0ser, let me know when you're ready. You clearly know your way around GitHub better than me though. Maybe they could be added to the official repository with the "beta" prefix attached, letting more people test them and give you feedback?

User avatar
c0mp0ser
Posts: 67
Joined: Mon Jan 02, 2017 11:59 am

Re: Materialize theme

Post by c0mp0ser »

OneManLaptop wrote:
Fri May 27, 2022 6:33 am
Happy to help you test C0mp0ser, let me know when you're ready. You clearly know your way around GitHub better than me though. Maybe they could be added to the official repository with the "beta" prefix attached, letting more people test them and give you feedback?
Thanks for your comment, OneManLaptop. I am a total newbie when it comes to Github. Believe me. 😆 But I'm trying my best to get by. 😆

My plugins are right NOW ready for testing. Just follow the links listed in my previous post and read the bottom of the plugin's description to learn how to install. Just that. 👍 Every editor function seems to work fine. ‼️ WARNING ‼️ - before installing Summernote Editor Lite, uninstall the original Summernote Editor plugin.

Summernote Editor Lite needs some attention. Tooltips don't display under the icons for those "additional functions" (I don't know why) and the icons of their buttons need refinement. The original font from the Summernote editor (not the plugin but the editor itself) that is used to display the icons has very few of them. It would be possible to rework it and add more icons - I am probably able to do it. I've already looked into it.

The editor also sometimes requires a little extra CSS styles to make everything display correctly in the theme you are using - it's a good idea to put those styles right THERE. I did that. I can provide a list of the classes used including comments.

As I wrote earlier - I tested the Summernote Editor Lite with the "Paper P" theme - chosen by chance. Everything was ok.

Today I added the "Audio" feature to Summernote Editor Lite for a test. Adding an audio player works the same way as this default "Video" feature. You upload an audio file to your Wonder CMS site, click the "Audio" button in the editor, a dialog box pops up, type/paste the link to the uploaded audio file (mp3) and you're done. Anyone interested ...?

When it comes to the Additional Contents Lite plugin - it works the same as the original Additional Contents plugin. I made some tweeks there, everything is described on Github by the files and in the plugin description. Install and check it yourself. ‼️ WARNING ‼️ - uninstall the original Additional Contents plugin before installing. Plugin requires a theme that calls jQuery - This may be "Paper P" theme, others I haven't checked.

Any comments or feedback welcome.
It's just me, an unmeasurable particle of the cosmos ...
https://pawelkruzel.m00n.link
https://m00n.link
https://materialize-wcms.m00n.link

leafseason
Posts: 1
Joined: Fri Oct 28, 2022 10:19 pm

Re: Materialize theme

Post by leafseason »

Hello, I installed the Summernote Editor Lite plugin you created/modified, but I still can't embed an audio file into a page, I'm trying to put a mini-audio player for an mp3 file. Is it possible to do this some other way?

c0mp0ser wrote:
Fri May 27, 2022 8:48 am
OneManLaptop wrote:
Fri May 27, 2022 6:33 am
Happy to help you test C0mp0ser, let me know when you're ready. You clearly know your way around GitHub better than me though. Maybe they could be added to the official repository with the "beta" prefix attached, letting more people test them and give you feedback?
Thanks for your comment, OneManLaptop. I am a total newbie when it comes to Github. Believe me. 😆 But I'm trying my best to get by. 😆

My plugins are right NOW ready for testing. Just follow the links listed in my previous post and read the bottom of the plugin's description to learn how to install. Just that. 👍 Every editor function seems to work fine. ‼️ WARNING ‼️ - before installing Summernote Editor Lite, uninstall the original Summernote Editor plugin.

Summernote Editor Lite needs some attention. Tooltips don't display under the icons for those "additional functions" (I don't know why) and the icons of their buttons need refinement. The original font from the Summernote editor (not the plugin but the editor itself) that is used to display the icons has very few of them. It would be possible to rework it and add more icons - I am probably able to do it. I've already looked into it.

The editor also sometimes requires a little extra CSS styles to make everything display correctly in the theme you are using - it's a good idea to put those styles right THERE. I did that. I can provide a list of the classes used including comments.

As I wrote earlier - I tested the Summernote Editor Lite with the "Paper P" theme - chosen by chance. Everything was ok.

Today I added the "Audio" feature to Summernote Editor Lite for a test. Adding an audio player works the same way as this default "Video" feature. You upload an audio file to your Wonder CMS site, click the "Audio" button in the editor, a dialog box pops up, type/paste the link to the uploaded audio file (mp3) and you're done. Anyone interested ...?

When it comes to the Additional Contents Lite plugin - it works the same as the original Additional Contents plugin. I made some tweeks there, everything is described on Github by the files and in the plugin description. Install and check it yourself. ‼️ WARNING ‼️ - uninstall the original Additional Contents plugin before installing. Plugin requires a theme that calls jQuery - This may be "Paper P" theme, others I haven't checked.

Any comments or feedback welcome.

User avatar
c0mp0ser
Posts: 67
Joined: Mon Jan 02, 2017 11:59 am

Re: Materialize theme

Post by c0mp0ser »

leafseason wrote:
Sat Oct 29, 2022 12:35 am
Hello, I installed the Summernote Editor Lite plugin you created/modified, but I still can't embed an audio file into a page, I'm trying to put a mini-audio player for an mp3 file. Is it possible to do this some other way?
Hello,

1. Summernote Editor Lite plugin as the original Summernote Editor plugin has no designated tool to easy put the audio player into edited page.
2. You have to first upload the audio file to your website
3. You can create the audio player using the Summernote Editor's CODE VIEW tool by pasting the below code on edited page and then editing it (changing the website domain address and the name of the uploaded mp3 file):

Code: Select all

<audio playsinline controls preload="auto">
    <source src="http(s)://your-wonder-cms-website-address/data/files/your-audio-file.mp3" type="audio/mpeg">
</audio>
4. If you using my Materialize Dark theme for WCMS, try this link: https://materialize-wcms.m00n.link/mate ... -paragraph
It's just me, an unmeasurable particle of the cosmos ...
https://pawelkruzel.m00n.link
https://m00n.link
https://materialize-wcms.m00n.link

Post Reply