Text Field Description

Armogs
Armogs
Offline
0
How to adjust the text field size of the description?

Thank you
Attachments:
Responses (11)
  • Accepted Answer

    Saturday, October 12 2013, 06:04 PM - #Permalink
    0
    you mean you need it wider?
    The reply is currently minimized Show
  • Accepted Answer

    Armogs
    Armogs
    Offline
    Saturday, October 12 2013, 06:14 PM - #Permalink
    1
    Yes, the width and the height. User wants to see what is his typing.

    TY
    The reply is currently minimized Show
  • Accepted Answer

    Sunday, October 13 2013, 12:04 PM - #Permalink
    0
    this is a text input, which means you can increase the width but not the height. to increase the width you need to add some CSS class to it and then set the width using the CSS property.
    The reply is currently minimized Show
  • Accepted Answer

    Armogs
    Armogs
    Offline
    Tuesday, October 15 2013, 01:53 AM - #Permalink
    0
    Hi Germin,

    How can I set the CSS? Do I need to create new CSS file? I want the description field set as MULTI LINE.

    Thank you
    The reply is currently minimized Show
  • Accepted Answer

    Tuesday, October 15 2013, 04:32 PM - #Permalink
    0
    Hello,

    the CSS can be set in the file /administrator/components/com_invoices/assets/invoices.css

    HOWEVER, changing the description to Multi-line is something else, it's not just CSS. this means you need the field to be transformed from HTML's "text" field to "textarea", that's the only way. the problem with this is that it requires HTML changes in the layout files but also in JS files and PHP... it's not so easy, it would require a bit of extra custom coding work.
    The reply is currently minimized Show
  • Accepted Answer

    Armogs
    Armogs
    Offline
    Friday, October 18 2013, 03:19 AM - #Permalink
    0
    There's no file invoices.css? Can I ask tell me the exact file file and line?

    TY
    Attachments:
    The reply is currently minimized Show
  • Accepted Answer

    Friday, October 18 2013, 09:54 AM - #Permalink
    0
    there has to be an invoices.css. have you followed the path I said?

    /administrator/components/com_invoices/assets/invoices.css

    don't forget the "administrator" part...!
    The reply is currently minimized Show
  • Accepted Answer

    Armogs
    Armogs
    Offline
    Sunday, November 10 2013, 04:56 AM - #Permalink
    0
    can you give me the code please?
    • Germinal Camps
      more than a month ago
      I don't "have" the code, I would need to create it.. have you been able to modify some CSS classes?
    The reply is currently minimized Show
  • Accepted Answer

    Armogs
    Armogs
    Offline
    Wednesday, November 13 2013, 01:32 AM - #Permalink
    0
    Hi Germin,

    I don't have any experience creating css. Please help me to create that CSS.

    Thank you
    • Germinal Camps
      more than a month ago
      I can help you with the CSS to make that widder, but remember that will not allow a multi-line description. that would actually require CODE change and that would have to be made through our custom coding service.
    The reply is currently minimized Show
  • Accepted Answer

    Armogs
    Armogs
    Offline
    Monday, November 18 2013, 02:32 AM - #Permalink
    0
    Can I have the CSS? Please make it wider never mind about the multi-line.

    Thank you
    The reply is currently minimized Show
  • Accepted Answer

    Thursday, November 21 2013, 12:17 PM - #Permalink
    0
    well, basically you need to open the file /administrator/components/com_invoices/views/invoice/tmpl/form.php and locate the part where the items are printed. then, add some custom class to the description input field.

    you will have to add the same class on the file /administrator/components/com_invoices/assets/items.js

    then, on your main CSS file, simply set the width to be wider:

    .yourclass{width:400px;}
    The reply is currently minimized Show
Your Reply