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: 11245

  • 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: 11245

  • 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: 938

  • 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: 938

  • 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: 938

  • 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

Username:
Password:

Lost Password? Register now!

Who's Online

74 user(s) are online (48 user(s) are browsing Support Forums)


Members: 0


Guests: 74


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