Table alternate row  formating with grey shade in Traditional web

Hi Team,

Could you please help me here with table row formatting in Traditional web:

1. How to format/display alternative table rows with grey shade (or any other color)

2. I have a web screen with a from where we can enter inputs from the user, but when I open the screen all the input text area are grayed out, I want to have clear boarders for all the text fields in the form. how to achieve this. 

Please help me with an example implementation or a reference link. Thanks in advance.

Regards,

Madhu

Hi Mandu,

  you can use below forge component to achive this.


https://www.outsystems.com/forge/component-overview/5554/data-grid


Hi Madhu, 


have a look in this thread, first go with the solution if that doesn't do the work, you can go with Benjith's solution:

https://www.outsystems.com/forums/discussion/41568/set-different-background-color-for-alternate-list-items-in-mobile-app/


Regards,

Sanjay

mvp_badge
MVP

Hi Madhu,


An even simpler solution is to add to the theme (under folder Themes) the following CSS:


.TableRecords .TableRecords_OddLine {

    background-color: grey;   

}


And you can replace the grey for whatever color you want (it also accepts hexadecimal or RGB).


Cheers,

João

mvp_badge
MVP

Hi Madhu,

In addition with all the previous replies, I just want to include a point concerning the second question

2. I have a web screen with a from where we can enter inputs from the user, but when I open the screen all the input text area are grayed out, I want to have clear boarders for all the text fields in the form. how to achieve this. 

 Please check whether the respective Form widget Enabled property is set to True value as shown below

Hope this helps you!


Regards,

Benjith Sam

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.