Style all inputs in a form

Quote

Guest
23 Oct 2013 04:11

Hey guys,

I'm looking for a way of styling all the inputs with a specific class. (We are using Bootstrap 3)

right now I'm doing an overwrite in templates/mytemplate/html/com_cobalt/form/default_form_sitecontentsubmission.php and as far as I understand it's the $this->form->getInput(); that prints the input.

Is there any way to access / edit / overwrite the information?

My best ~ Pontus

Last Modified: 02 Mar 2014

Quote

Sergey

Total posts: 13,748
24 Oct 2013 10:07

Yes but only hack Joomla. It uses Joomla core JFormElement class. Better use selectors. For example you give an id fo container of all form and then

#form-id input, #form-id select, #form-id textarea {

  border: 1px solid red;

}

Quote

Guest
25 Oct 2013 04:08

We would like to go with the markup of Bootstrap 3. So if there is a way of adding/changing the default class for all the inputs it would be awesome and without it conflicting with Bootstrap 2 on the backend administrator section.

Quote

Sergey

Total posts: 13,748
28 Oct 2013 00:18

You will have to create template overrides for every Cobalt layout in your current template. I do not know any other good way to do that.

Login (copy)