Any questions about Documents Sellers, post it here .

How to modify CSS class "inputbox"?

  • claudiodestasio
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
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!

Please Log in or Create an account to join the conversation.

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
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

Please Log in or Create an account to join the conversation.

  • claudiodestasio
  • Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
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!!! :P
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.