Forums / Cotonti / Skins / Bootstrap admin theme

123>>>

A custom admin theme based on Twitter Bootstrap

GHengeveld
#1 2012-05-12 20:19

Recently I've been working on a new theme using Twitter Bootstrap. It's almost ready to be released.

Here's some screenshots:

admin_bootstrap_home_68.png admin_bootstrap_config_68.png admin_bootstrap_extensions_68.png admin_bootstrap_users_68.png admin_bootstrap_userlist_68.png admin_bootstrap_extrafields_68.png

Download link: https://github.com/GHengeveld/cot-admin-bootstrap/zipball/master

What do you think?

This post was edited by GHengeveld (2012-05-19 09:32, 11 years ago)
Twiebie
#2 2012-05-12 20:21

Looks very nice, Gert.

Good clean and simple presentation.

esclkm
#3 2012-05-12 21:30

like some ideas ) more like my theme

littledev.ru - мой маленький зарождающийся блог о котонти.
снижение стоимости программирования и снижение стоимости производства разные вещи. Первое можно скорее сравнить с раздачей работникам дешевых инструментов, чем со снижением зарплаты
Trustmaster
#4 2012-05-13 06:49

Very clean and neat. I like the last screenshot most of all. Definitely better than what we have now by default.

May the Source be with you!
GHengeveld
#5 2012-05-13 08:23
Priori has been an inspiration for the theme, but mostly I just use the components provided by Bootstrap. I intend to add plugins for page and user management so you won't have to exit the admin panel to manage those.
elfrenazo
#6 2012-05-14 15:49
download the theme thanks
GHengeveld
#7 2012-05-16 09:48

I've put the theme on Github. You can download it here: https://github.com/GHengeveld/cot-admin-bootstrap

It's not 100% finished yet, but I'd like to get some reactions.

Kilandor
#8 2012-05-16 13:50
Clean simple, full width. looks great
Trustmaster
#9 2012-05-17 09:22

Please add Sort/Filter options to Extensions main view. Here is the extract from the default admin.extensions.tpl:

<div class="block button-toolbar">
	<a class="button large <!-- IF {ADMIN_EXTENSIONS_SORT_ALP_SEL} -->special<!-- ENDIF -->" href="{ADMIN_EXTENSIONS_SORT_ALP_URL}">{PHP.L.adm_sort_alphabet}</a>
	<a class="button large <!-- IF {ADMIN_EXTENSIONS_SORT_CAT_SEL} -->special<!-- ENDIF -->" href="{ADMIN_EXTENSIONS_SORT_CAT_URL}">{PHP.L.adm_sort_category}</a>
	<a class="button large <!-- IF {ADMIN_EXTENSIONS_ONLY_INSTALLED_SEL} -->special<!-- ENDIF -->" href="{ADMIN_EXTENSIONS_ONLY_INSTALLED_URL}">{PHP.L.adm_only_installed}</a>
	<a href="{ADMIN_EXTENSIONS_HOOKS_URL}" class="button large">{PHP.L.Hooks}</a>
</div>
May the Source be with you!
GHengeveld
#10 2012-05-17 21:03

I've updated the theme on Github. I've put a lot of effort into the usability of the extra fields screen. Be sure to check it out.

Added 1 day later:

Added two more screenshots.

This post was edited by GHengeveld (2012-05-19 09:32, 11 years ago)
Wadik
#11 2012-07-18 08:43
Eugene
#12 2012-07-18 18:01
#34977 Wadik:

good idea to introduce http://vitalets.github.com/bootstrap-editable/

clean and cool! just sad about much of scripts to fetch...

GHengeveld
#13 2012-07-19 11:52

I like the idea but I don't think it will be easy to implement this server-side. In most places, Cotonti expects an entire form to be submitted, representing all properties of a certain object in the POST request. Maybe I misunderstand it, but I think Editable submits only one propty at a time.

tensh
#14 2012-08-23 18:58

The theme is great! BUT... I think there are bugs in Cotonti 9.11 - when you enter www.site.com/users/Username or user edit, it tries to use the bootstrap admin template instead of website template. With Adminizio theme, there are no issues.

BTW, I updated Cotonti 9.10 to 9.11 if this information is of any importance.

GHengeveld
#15 2012-08-24 16:37
Correct, this is caused by the admintheme plugin. It loads the admin tpls instead of the regular ones in order to make the user administration look like the admin panel. This is a feature specifically designed for this theme and requires the latest version of Cotonti.

123>>>