1
Cifug
Form Button
  • 2014/12/10 10:29

  • Cifug

  • Quite a regular

  • Posts: 208

  • Since: 2007/12/13


I have xoops 2.5.7 and using xbootstrap theme.

I would like to change the standard form buttons like the submit button on the contact page and the row of buttons at the top of the user profile page.

I can't seem to find where to change the look of these buttons. Can someone please point me in the right direction?

Cheers,
Marty

2
Mamba
Re: Form Button
  • 2014/12/10 10:36

  • Mamba

  • Moderator

  • Posts: 11366

  • Since: 2004/4/23


Change the templates in:

/xbootstrap/modules/contact
/xbootstrap/modules/profile

Support XOOPS => DONATE
Use 2.5.10 | Docs | Modules | Bugs

3
Cifug
Re: Form Button
  • 2014/12/10 10:45

  • Cifug

  • Quite a regular

  • Posts: 208

  • Since: 2007/12/13


Thanks Mamba for your help. Sorry for my questions but I'm not sure how to edit the buttons in these files...

Any hints?

<div class="contact-module">
<{
$contactform.javascript}>
<
form name="<{$contactform.name}>" action="<{$contactform.action}>" method="<{$contactform.method}>" <{$contactform.extra}>>
<
h4><{$contactform.title}></h4>
<{foreach 
item=element from=$contactform.elements}>
    <{if 
$element.hidden != true}>
            <{
$element.caption}>
            <{
$element.body}>
        <{else}>
            <{
$element.body}>
    <{/if}>
<{/foreach}>
</
form>
</
div>

4
Mamba
Re: Form Button
  • 2014/12/10 11:00

  • Mamba

  • Moderator

  • Posts: 11366

  • Since: 2004/4/23


I don't have much experience with Bootstrap, so hopefully somebody else will be able to help you.

In the meantime, check out other modules in

/xbootstrap/modules

and see if you find something that you could use.
Support XOOPS => DONATE
Use 2.5.10 | Docs | Modules | Bugs

5
Bleekk
Re: Form Button
  • 2014/12/10 13:03

  • Bleekk

  • Theme Designer

  • Posts: 940

  • Since: 2002/12/14


the buttons are defined in the bootstrap framework.

the green buttons on the user profile page have the class: btn btn-success
you need to override the bootstrap classes in the following file xbootstrap/style.css

insert there following lines and change the color and font as you like
.btn-success {
color#fff;
background-color#5cb85c;
border-color#4cae4c;
}


All btn-success buttons will then be changed

6
Cifug
Re: Form Button
  • 2014/12/10 13:34

  • Cifug

  • Quite a regular

  • Posts: 208

  • Since: 2007/12/13


Thanks Bleekk but this didn't work

I cleaned cache on site and browser.

7
Bleekk
Re: Form Button
  • 2014/12/10 15:00

  • Bleekk

  • Theme Designer

  • Posts: 940

  • Since: 2002/12/14


can you give us a link to your website

8
Cifug
Re: Form Button
  • 2014/12/14 1:29

  • Cifug

  • Quite a regular

  • Posts: 208

  • Since: 2007/12/13


Thanks for your help Bleekk

http://aus-riders.com

Cheers,
Marty

9
Bleekk
Re: Form Button
  • 2014/12/14 14:35

  • Bleekk

  • Theme Designer

  • Posts: 940

  • Since: 2002/12/14


to change the contact button you need to put this part of code in the style.css
buttonhtml input[type=button], input[type=reset], input[type=submit] {
/*define here the style of the buttons*/
}

10
Cifug
Re: Form Button
  • 2014/12/28 6:57

  • Cifug

  • Quite a regular

  • Posts: 208

  • Since: 2007/12/13


Quote:

Bleekk wrote:
to change the contact button you need to put this part of code in the style.css
buttonhtml input[type=button], input[type=reset], input[type=submit] {
/*define here the style of the buttons*/
}

Sorry, I haven't replied sooner as I've been very busy with other projects.

This worked perfectly, thank you Bleekk

Cheers,
Marty.

Login

Who's Online

214 user(s) are online (106 user(s) are browsing Support Forums)


Members: 0


Guests: 214


more...

Donat-O-Meter

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

Latest GitHub Commits