Guestbook and Bootstrap

[Carmiel]

Hi dears,
is there possibilities to use bootstrap 3 with Guestbook.
I tried to activate bootstrap in the configuration, but it doesn't work properly, give a grey color in the main menu instead of my green background color.
Thank's for answer

[christine]

Hi Carmiel,

what do you mean with: "main menu" IN Guestbook?

You can change e.g. background-color of required fields via CSS codes to you template.css and/or custom.css.
Depends also which template you are using etc. ... To be able to give you some information/help, provide us with your URL please. Thank you.

Kind regards, Christine

[Carmiel]

Hi Christine,
Thank's for answer.
Here is the problem
https://www.agedorfrejus.org/home/livre-d-or
I use Joomlart Purity template t3-framework.org

Now Guestbook is in bootstrap mode

if you go to home page you will see how it should be.

Thank's for help

[Jan]

Hi, if you enable Bootstrap, then your template should use Bootstrap too, so there are no conflicts between the libraries. If it does not use the Bootstrap then you need to create new CSS where you need to solve the conflicts between the CSS libraries. Like you need to set back the color for the tab or you need to remove this rule from Bootstrap library loaded by the component

Jan

[Carmiel]

Hi Jan, The template is bootstrap 3 compatible. I had already got this problem with another component (Kunena) and it was because I had selected a non BS3 template in Kunena, crypsis instead of crypsisb3.
Sorry, I did not understood what I need to do, in witch file.
Regards

[Jan]

Hi, in case of Phoca Guestbook, because of the Tabs which are included in Joomla!, it loads the Bootstrap from Joomla! (to not conflict with Joomla! another parts and be compatible with Joomla!)

This means, for now it is Bootstrap 2, so sorry for confusing, I have overlooked the version number, so in fact if the template loads Bootstrap 3, it does not make any sense to load Joomla!'s Bootstrap 2 version:

Code: Select all

if ($params->get('load_bootstrap', 0) == 1) {
			JHtml::_('bootstrap.loadCss');
		} 

So if the template loads Bootstrap 3, do you get any problems when displaying Phoca Guestook (without loading Joomla!'s Bootstrap 2)?




See Phoca Upgrade System plugin, which can transform Bootstrap 2 HTML code to Bootstrap 3 HTML code, in case you get design problems there.
https://www.phoca.cz/phoca-upgrade-system-plugin

This plugin is used e.g. when template runs Bootstrap 3, component has Bootstrap 3 stylized HTML code but all other parts of Joomla! are still rendered by Bootstrap 2 (in such case, it tries to overwrite such parts to Bootstrap 3 HTML output)

Jan

[Carmiel]

If I don't load Guestbook with BS3 that work normaly, no grey tab.
That's why my initial question, BS3 in Guestbook.

I just modified configuration of Guestbook, it is back OK for the tab, but the icon doesn't appear, just a sqare.

I don't know what it would change if BS3 in Guestbook, not enough specialist.

[Carmiel]

I have install and activate the pluggin. It doesn't correct the problem of the tab in grey color.
The only thing corrected is the position of the icon near the field, field is not high enough.
Icon in the submit button is bad also, white sqare around the icon

[Carmiel]

The problem in the buutom come from this "class="glyphicon glyphicon-ok icon-ok"" if I delete "icon-ok" at the end it become OK.
the same with class="glyphicon glyphicon-remove icon-remove", remove icon-remove become OK.
but I don't know where it in files.

glyphicon glyphicon-trash icon-trash
glyphicon glyphicon-ok-sign icon-ok

[christine]

Hi Carmiel,

a) generell information (about CSS) your:

/templates/purity_iii/local/css/themes/ao-theme/bootstrap.css is loaded with: => Bootstrap 3
/media/jui/css/bootstrap.min.css loaded: => Bootstrap 2

Basic-Bootstrap 2 will be loaded in Guestbook > if actived.
I think the reason (for implementation of Bootstrap) to extension for sites is, those do not use (template) Bootstrap-CSS.
As Bootstrap-CSS 2 and 3 are not compatible, they should not loaded together.

b)

The only thing corrected is the position of the icon near the field, field is not high enough. Icon in the submit button is bad also, white sqare around the icon

The problem in the buutom come from this "class="glyphicon glyphicon-ok icon-ok"" if I delete "icon-ok" at the end it become OK.
the same with class="glyphicon glyphicon-remove icon-remove", remove icon-remove become OK.

sorry, I don't know what you mean - as it will not be shown there: https://www.agedorfrejus.org/home/livre-d-or

c) follwing information, just in case if you hv similiar problem: https://www.joomlart.com/forums/topic/p ... oomla-3-7/ it belongs to template purity iii.

Kind regards, Christine