madi-nuralin / material Goto Github PK
View Code? Open in Web Editor NEWA theme plugin for pkp/ojs
License: GNU General Public License v3.0
A theme plugin for pkp/ojs
License: GNU General Public License v3.0
Hello Dev, hope you are doing great, nice work, I need a little help regarding material theme.
Using material theme, can we use the default ojs backend instead of material themes?
my 2nd question is how can I turn the primary nav and secondary nav to show as regular horizontal menu instead of collapsible?
Dear @madi-nuralin
As I am testing OJS 3.4.0-4. We can now log in to OJS via email input. Could you update the log in via email on the login page? Changing username to **Username or Email *** will be more suitable and understandable.
Avobe the Username or Email * an indication of Required fields is marked with an asterisk: * will be more helpful for users.
Currently it is not possible from administration panel to customize index journal page (cover image or background image).
Hello, nice to having this theme installed in out Journal, its sleek and elegant ofcourse, but we had a slight problems here.
https://journal.teknologipendidikan.or.id/index.php/jetsar/article/view/2
The Article title are not showing entirely, we already doing reinstall in the theme and it does not work. Can you help us investigate this issues?
P.S: We use two language (english and indonesia), will that cause some issues?
Greetings and Regards
Due to the use of shared hosting, I am not able to activate "exec" function in my hosting and I cannot use the quick installation feature. I installed it manually from FTP and CPanel (I copied the material folder file into the OJS themes folder). When opening the website management plugins section, I get stuck in an infinite loading loop and then get error 500.
What is correct way of Manual installation?
Hi @madi-nuralin,
I am Rahul from India. Firstly, you have made the most beautiful theme in the history of OJS. It's just amazing. I have been using the theme on my website thesciencebrigade.com/jst. The desktop version is working just fine and I have made some CSS changes and added the Stylesheet to the OJS.
However, when it comes to the mobile version, the theme loses its alignment. You can check the website link on desktop as well as mobile devices of different sizes. I have also added a stylesheet with the following code:
.hero-section, .hero-section > .container > .row {
min-height: 500px;
}
.hero-section.inner-page .hero-text {
margin-top: 70px;
}
.footer {
text-align: center;
background-color:#B7b6c1;
}
footer {
color: black;
}
@media screen and (max-width: 992px)
.hero-section, .hero-section > .container > .row {
min-height: 300px;
}
.hero-section .hero-text-image {
margin-top: -20rem;
}
.hero-section .iphone-wrap .phone-2 {
width: 250px;
position: absolute;
margin-top: 50%;
margin-left: 50%;
transform: translate(-50%, -50%);
}
However, when I add this code specifically the @media screen sections, the website becomes perfect on mobile devices but at the same time, the desktop version goes crazy.
When I remove the entire section after the @media screen, the desktop version becomes perfect, but the mobile device starts annoying.
Could you please check this website on your mobile devices of different different sizes and can you help me with this? Is there any code or is there any plugin or something that I can make the website look aligned on the mobile device?
Also, I want to change the text on the homepage from "Send Article" to "Submit Article". How can I do that?
Thank you.
I was trying to enable recaptcha on the above two pages and was having issues with material theme.
A little bit of googling lead me to the solution for material theme.
please put in the following code in userLogin.tpl and userRegister.tpl
{* recaptcha spam blocker *} {if $recaptchaPublicKey} <fieldset class="recaptcha_wrapper"> <div class="fields"> <div class="recaptcha"> <div class="g-recaptcha" data-sitekey="{$recaptchaPublicKey|escape}"> </div> </div> </div> </fieldset> {/if}
the code is from this link and I have tested it in my material theme with OJS 3.4.x It works.
Could u please add it to the above mentioned two files?
Thanks
@madi-nuralin how can we get the list of archives on the home page? for example 8 most recent issues to be displayed on the home page, just the cover and the title, 4 in a row, can you please send me code snippet?
or may be list of articles from 4 given issues to be displayed in grid on home page, just title, author, issue number?
thank you in advance
The 'Material Theme' plugin is based on MDB library and it has limitations and constraints to adapt website design to scientific journals' style. It is decided to switch to the 'Tailwind CSS Framework', which provides more flexibility and to develop a new plugin design which mostly respond to the OJS manner.
To-Do List:
Hello, Dear Developer! I really like your theme. There is one question about how to change the footer background? Thank you in advance!
I am getting similar issues like this post for Material Theme. https://forum.pkp.sfu.ca/t/ojs-3-4-0-1-bootstrap-3-theme-how-to-cite-block-appearing-twice/79549
Dropdown:
Modal:
Sidebar:
Secondary button:
Hi!
Thanks a lot for all your efforts and the amazing theme!
Material theme enable
Material theme disabled
2 screenshots to show all network calls
No. 1
No. 2
Configurations
OJS version 3.4.0.5
PHP version 8.3.8
PDF.JS PDF Viewer https://github.com/pkp/pdfJsViewer/tree/stable-3_4_0
I found the page is already loaded but the spinner/website loading animation hides the page until it's complete. The Journal takes more time to load on the first visit. But when I scrolled I saw the text below. Please take a look at the file I've attached. I think removing the spinner/website loading animation will improve website performance.
Hi,
nice theme,
but there is no blocks zone?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.