# SEAT SELECTION FOR FLIGHT TICKET BOOKING APPLICATION

**URL:** <https://forums.pega.com/t/seat-selection-for-flight-ticket-booking-application/2878>\
**Category:** User Experience\
**Tags:** user-experience, system-architect, pega-platform\
**Created:** [July 11, 2022, 4:54am UTC](https://forums.pega.com/t/seat-selection-for-flight-ticket-booking-application/2878 "2022-07-11T04:54:59Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ChavvaS33](https://avatars.discourse-cdn.com/v4/letter/c/4bbf92/32.png) [@ChavvaS33](https://forums.pega.com/u/ChavvaS33)\
**Post date:** [July 11, 2022, 4:54am UTC](https://forums.pega.com/t/seat-selection-for-flight-ticket-booking-application/2878/1 "2022-07-11T04:54:59Z")

</div>

I have done repeated dynamic Layout for Flight ticket booking application for seat selection. How to get Red color checkbox for already selected seat and green colour checkbox for available seats.Please help me ASAP

---

<div class="post-metadata">

**Author:** ![MarijeSchillern](https://yyz2.discourse-cdn.com/pega/user_avatar/forums.pega.com/marijeschillern/32/21738_2.png) [@MarijeSchillern](https://forums.pega.com/u/MarijeSchillern)\
**Post date:** [July 22, 2022, 2:50pm UTC](https://forums.pega.com/t/seat-selection-for-flight-ticket-booking-application/2878/2 "2022-07-22T14:50:12Z")

</div>

@ChavvaS33 you will need to modify the skin rules

See previous posts :

> **[How to customize a CheckBox ? (pega7.2.2) | Support Center](https://support.pega.com/question/how-customize-checkbox-pega722)**
>
> Hello,  I m working on a project, and I have to custom a checkBox (attached below) 1- I want to change the background color of the checkBox 2- change the color of the check from black to #F7F6F6 I ve tried to do it from the SKIN, but it s not working...

> **[Alternate colour for every two rows in grid | Support Center](https://support.pega.com/question/alternate-colour-every-two-rows-grid)**
>
> Hi, We have a requirement to show alternate background colour for every two rows in a repeat grid, as shown below:     

> **[how to conditionally change row background color for optimized cosmos table?...](https://support.pega.com/question/how-conditionally-change-row-background-color-optimized-cosmos-table)**
>
> I am trying to change the row background color conditionally by embedding inline style as below. \<pega:when test="IsKeiyakuManryou"\>background-color: #a9a9a9;\</pega:when\> However, it seems the same jsp code does not work if "allow optimize code"...

> **[Need to display section with tick mark | Support Center](https://support.pega.com/question/need-display-section-tick-mark)**
>
> Hi Team, we are using Icon control and icon source (External Url) to display Green tick mark. Scenario: 1) When ever we create a new case then we need to send a mail to end user , In the mail sent to end user we are providing the link(click here)....

> **[Custom css based on a when condition | Support Center](https://support.pega.com/question/custom-css-based-when-condition)**
>
> Hi, I have this onserted in inline style and it works perfectly background-color: red; it checks if bool active is false and makes the background red f it false. However I want to check more than 1 parameter. I want to check if active == false &&...

> **[Dynamically change CSS Style of a particular field based on condition |...](https://support.pega.com/question/dynamically-change-css-style-particular-field-based-condition)**
>
> Hi, We have a requirement where we need to change the border color, font color to red when the field is blank. Could you please advice on how to set this CSS on condition based. Thanks, Hema \*\*Moderation Team has archived post\*\*This post has been...

Documentation:

[https://wiki.pega.com/index.php/Theme\_UI-Kit\_-\_Skin:\_Overview\_and\_Best\_Practices](https://wiki.pega.com/index.php/Theme_UI-Kit_-_Skin:_Overview_and_Best_Practices)

> **[Pegasystems Documentation](https://docs.pega.com/bundle/archive/page/archive/topics/archive-directory.htmluser-experience/86/skins)**

> **[Pegasystems Documentation](https://docs.pega.com/bundle/archive/page/archive/topics/archive-directory.htmluser-experience/86/component-style-formats)**
