- Posts: 24
- Thank you received: 0
Any questions about Documents Sellers, post it here .
How to modify CSS class "inputbox"?
- claudiodestasio
- Topic Author
- Offline
- Junior Member
Less
More
12 years 5 months ago #17144
by claudiodestasio
How to modify CSS class "inputbox"? was created by claudiodestasio
Hi, sorry for my english.
I want to personalize CSS class of the DMS checkout form. I want change "inputbox" in something like "custominputbox".
For PayementForm i solved in this way:
modified "fields.php":
for ($i = 0 , $n = count($rows) ; $i < $n ; $i++) {
$row = & $rows[$i] ;
if ($row->css_class = "inputbox") $row->css_class=pfinputbox;
if ($row->name == 'email' && $row->default_values == '') {
$row->default_values = $user->get('email');
}
$row->tab_index = $i + 1 ;
}
$this->_fields = $rows ;
in style.css i modified:
table.os_table td.title_cell {
background-color: #FFFFFF;
border: 1px solid #C0C0C0;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 10px rgba(192, 192, 192, 0.7) inset, 0 0 7px rgba(192, 192, 192, 0.7);
color: #505050;
margin: 0 3px !important;
padding: 5px !important;
}
and added:
.pfinputbox {
border: 0px solid #C0C0C0;
margin: 0 3px !important;
padding: 5px !important;
resize: none;
width: 96%;
color: maroon;
font-weight: bold;
}
The result is: www.studiodestasio.it/pagamenti
How to obtain the same result with DMS?
I tried a simple "search and replace" of "inputbox" with custom class in all components files but the page generated has no change in the source code! Why?
The checkout, for example, starting from this page:
www.studiodestasio.it/materiale-da-scari...urisprudenziali.html
Thank's!
I want to personalize CSS class of the DMS checkout form. I want change "inputbox" in something like "custominputbox".
For PayementForm i solved in this way:
modified "fields.php":
for ($i = 0 , $n = count($rows) ; $i < $n ; $i++) {
$row = & $rows[$i] ;
if ($row->css_class = "inputbox") $row->css_class=pfinputbox;
if ($row->name == 'email' && $row->default_values == '') {
$row->default_values = $user->get('email');
}
$row->tab_index = $i + 1 ;
}
$this->_fields = $rows ;
in style.css i modified:
table.os_table td.title_cell {
background-color: #FFFFFF;
border: 1px solid #C0C0C0;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 10px rgba(192, 192, 192, 0.7) inset, 0 0 7px rgba(192, 192, 192, 0.7);
color: #505050;
margin: 0 3px !important;
padding: 5px !important;
}
and added:
.pfinputbox {
border: 0px solid #C0C0C0;
margin: 0 3px !important;
padding: 5px !important;
resize: none;
width: 96%;
color: maroon;
font-weight: bold;
}
The result is: www.studiodestasio.it/pagamenti
How to obtain the same result with DMS?
I tried a simple "search and replace" of "inputbox" with custom class in all components files but the page generated has no change in the source code! Why?
The checkout, for example, starting from this page:
www.studiodestasio.it/materiale-da-scari...urisprudenziali.html
Thank's!
Please Log in or Create an account to join the conversation.
- Tuan Pham Ngoc
- Away
- Administrator
12 years 5 months ago #17173
by Tuan Pham Ngoc
Replied by Tuan Pham Ngoc on topic Re: How to modify CSS class "inputbox"?
You can simply look at the file components/com_dms/views/checkout/tmpl/cart.php, modify it to replace inputbox with the custom css class you what. That's pretty easy .
Tuan
Tuan
Please Log in or Create an account to join the conversation.
- claudiodestasio
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 24
- Thank you received: 0
12 years 5 months ago - 12 years 5 months ago #17178
by claudiodestasio
Replied by claudiodestasio on topic Re: How to modify CSS class "inputbox"?
Great, many thank's! I had to refresh browser cache!!!
And.... "checkout_table" in checkout form seem to be not defined in style.css of DMS plugin. I want to remove table border. Can i simply add the class definition in style.css?
**ADDENDUM**
I add this lines to style.css:
Is right? I'm a newbe with css!! :blush:
And.... "checkout_table" in checkout form seem to be not defined in style.css of DMS plugin. I want to remove table border. Can i simply add the class definition in style.css?
**ADDENDUM**
I add this lines to style.css:
Code:
table.checkout_table {
border-width: 0px;
border-spacing: 2px;
border-style: outset;
border-color: gray;
border-collapse: separate;
background-color: white;
}
table.checkout_table th {
border-width: 0px;
padding: 1px;
border-style: inset;
border-color: gray;
background-color: white;
-moz-border-radius: ;
}
table.checkout_table td {
border-width: 0px;
padding: 1px;
border-style: inset;
border-color: gray;
background-color: white;
-moz-border-radius: ;
}
Is right? I'm a newbe with css!! :blush:
Last edit: 12 years 5 months ago by claudiodestasio.
Please Log in or Create an account to join the conversation.
Support
Documentation
Information
Copyright © 2024 Joomla Extensions by Joomdonation. All Rights Reserved.
joomdonation.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.