cancel
Showing results for 
Search instead for 
Did you mean: 

Borders of Columns and Rows in a grid layout

0 Kudos

Hi Experts

Can anyone please let me know how do i set the borders of columns and rows in grid layout of sap ui5.

Help me out through this .

Accepted Solutions (1)

Accepted Solutions (1)

PMarti
Active Participant
0 Kudos

Hi Rachna, I show you an example: JS Bin - Example

Best regards,
Pau

0 Kudos

Hi Pau

I did see your example i tried this in my application it didn't worked.

I have a form in which i am using GridLayout not Grid. (there are 2 different UI controls Grid and GridLayout).

I want borders of columns and rows of a GridLayout in form.

Let me know if you can suggest me something for this.

Thanks !

PMarti
Active Participant
0 Kudos

Hi Rachna, check this: JSbin Example

0 Kudos

Hi Pau,

Thanks it works

0 Kudos

Hey Pau,

Can you help me with one more issue that how do i add background image to this form ?

Regards

Rachna

nabheetscn
Active Contributor
0 Kudos

Hello Rachna

You can simply use CSS for adding images as background

Check this

JS Bin - Collaborative JavaScript Debugging

Thanks

Nabheet

PMarti
Active Participant
0 Kudos

Hi Rachna, check this: JS Bin or JS Bin

0 Kudos

Thanks Guys it worked

0 Kudos

Hey Pau ,

Is it possible that in this form the rows of the grid are in alternate color .

Like white row then a gray row then again white then again grey .

If it is can you please help me through this.

Regards,

Rachna

PMarti
Active Participant
0 Kudos

Rachna, check this: Example

If it works for you mark this post as answered

Regards,

Pau

0 Kudos

It worked Pau

Can u please tell me what does "tr:nth-child(odd)" and tr:nth-child(even) this mean ?

and how do i get to know that i have to set css for .sapUiGrid  tr:nth-child(odd) or

.sapUiGrid tr:nth-child(even) or  .sapUiFormElement.

Regards,

Rachna

Answers (0)