1
alain01
Need some information to clone system theme
  • 2019/2/19 1:32

  • alain01

  • Just can't stay away

  • Posts: 516

  • Since: 2003/6/20


Hi,
i want to work on a new theme for the system module (backoffice), for XOOPS 2.5.9.

I found "/modules/system/images/icons" to change the icon sets.
It 's easy to clone the directory transition to a new directory and changes icones in it.
Need to reload the system module to see in the icon sets list the new directory.
Ok for that

Now, i want to work on the system theme, not the icon set.
i see /modules/system/themes/ then transition, zetadigme.

My 1st idea is to clone transition to a new directory.
What should i modifiy to see "mynewtheme" in the preferences option, "Control Panel GUI For backend" ?

2
Mamba
Re: Need some information to clone system theme
  • 2019/2/19 5:08

  • Mamba

  • Moderator

  • Posts: 11245

  • Since: 2004/4/23


First, change in your new folder "mynewtheme" the name of the file "transition.php" to "mynewtheme"

Then change also the name of the class inside the file from " XoopsGuiTransition" to "XoopsGuiMynewtheme"
Support XOOPS => DONATE
Use 2.5.10 | Docs | Modules | Bugs

3
alain01
Re: Need some information to clone system theme
  • 2019/2/19 14:23

  • alain01

  • Just can't stay away

  • Posts: 516

  • Since: 2003/6/20


Thank you for that, it works !
I get now in the list admin theme my new theme "mynewtheme"...

Humm but hard to understand how it's built.
I want to modifiy the main admin page but i cant find which file i should open...

Is there any docs on the backoffice theme ?

Edit :
hummm, what a noob !
"Check templates for modifications?
If this option is enabled, modified templates will be automatically recompiled when they are displayed. You must turn this option off on a production site. to ON .

4
Mamba
Re: Need some information to clone system theme
  • 2019/2/19 15:14

  • Mamba

  • Moderator

  • Posts: 11245

  • Since: 2004/4/23


Quote:
Is there any docs on the backoffice theme ?

I'm afraid, there is none. The best way is probably to compare the various themes there and see the difference between them.

The "default" and the "transitions" are definitely the best there.
Support XOOPS => DONATE
Use 2.5.10 | Docs | Modules | Bugs

5
alain01
Re: Need some information to clone system theme
  • 2019/2/19 15:18

  • alain01

  • Just can't stay away

  • Posts: 516

  • Since: 2003/6/20


lol ok !
I modify files in xotpl directory and watch the results !
This is my doc !

I start from transition...

6
alain01
Re: Need some information to clone system theme
  • 2019/2/19 17:19

  • alain01

  • Just can't stay away

  • Posts: 516

  • Since: 2003/6/20


ok,
\modules\system\themes\mynewtheme\xotpl\xo_icons.tpl is my best friend !
Humm,
i try to group some icons by function.
icons are show by alphabetical order (name's directory : /modules/system/admin/...)

I want to group :
- Groups + users for example
- avatars / smilies / banner
-...

I can use a class like xo-index-option for that (like help/waitings contents/ new members / top poster / comments, on the top right)

Problem is here (cause for each)
<{foreach item=op from=$mod_options}>
            <
class="tooltip" href="<{$op.link}>" title="<{$op.desc}>">
                <
img src='<{$op.icon|default:"$theme_icons/icon_options.png"}>' alt="<{$op.desc}>"/>
                <
br><span><{$op.title}></span>
            </
a>
        <{/foreach}>

I should modifiy code for each tool but i dont know how.

i try for avatars :
<class="tooltip" href="<{xoAppUrl modules/system/admin.php?fct=avatars}>" title="<{$smarty.const._AM_SYSTEM_AVATARS_DESC}>">
            <
img src='<{"$theme_icons/avatar.png"|default:"$theme_icons/icon_options.png"}>'/>
            <
br><span><{$smarty.const._AM_SYSTEM_AVATARS}></span>
        </
a>


Dont know if it's the same... (same for the page, but the code is correct ?
And what about the if ($modversion['hasAdmin']) test ?

7
Mamba
Re: Need some information to clone system theme
  • 2019/2/20 2:20

  • Mamba

  • Moderator

  • Posts: 11245

  • Since: 2004/4/23


Unfortunately, I'm not that familiar with the admin themes, so I'm afraid, I won't be able to help here

You might try to contact Eduardo, who developed the Transition theme.

Or you might try first to create the theme as similar to the default, and then tackle the more difficult issues, knowing that the basic structure is working.....
Support XOOPS => DONATE
Use 2.5.10 | Docs | Modules | Bugs

8
alain01
Re: Need some information to clone system theme
  • 2020/3/16 16:16

  • alain01

  • Just can't stay away

  • Posts: 516

  • Since: 2003/6/20


Ok,
just for info,
now that i know (but im' not an CSS expert) to use the css framework Boostrap 4,
so i re-open my work on a news admin theme. (we need it)

I'm working on this base : SB Admin 2

- AdminLTE ,
- ArchitectUI React Dashboard,
- ArchitectUI HTML Dashboard

seem to be nice free dashbord themes too.

9
Mamba
Re: Need some information to clone system theme
  • 2020/3/18 13:03

  • Mamba

  • Moderator

  • Posts: 11245

  • Since: 2004/4/23


That's AWESOME!!!!

Keep us posted on the development, and add it to your GitHub account...
Support XOOPS => DONATE
Use 2.5.10 | Docs | Modules | Bugs

10
alain01
Re: Need some information to clone system theme
  • 2020/3/24 2:29

  • alain01

  • Just can't stay away

  • Posts: 516

  • Since: 2003/6/20


Sorry for my noob question...

I want to use smarty variable for my admin theme's url,

in smarty debug, i found this :
Quote:
{$xoTheme}
folderName => cockpit_by_monxoops
path => D:/web/neard/www/modules/system/theme...
url => http://localhost/modules/system/themes/...
I try to use this smarty <{$xoTheme.url}>
but it doesnt work !

May be the answer is very short and easy...

Login

Username:
Password:

Lost Password? Register now!

Who's Online

52 user(s) are online (29 user(s) are browsing Support Forums)


Members: 0


Guests: 52


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits