11
Views
4
Comments
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

Rank: #1151

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

Rank: #95

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
Rank: #89

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