search

bsoc-bitbyte / myLeave

myLeave is a user-friendly app that streamlines leave request submissions and management.
4 stars 14 forks source link

XML Layout for Leave Request Activity #17

Closed Agrim2112 closed 2 months ago

Agrim2112 commented 2 months ago

Create the XML layout for Leave Request Activity based on the design provided in the Figma.

Your layout must follow these guidelines:

  1. Use Constraint Layout to ensure the layout is responsive to all screen sizes.
  2. Use Scroll View to add scrolling.
  3. Adhere to the given Figma design.
  4. Follow the specified naming convention for each view group ID to maintain consistency and clarity
ayushsaksena30 commented 2 months ago

@Agrim2112 I would like to work on this issue. My approach will be to use CardView and inside it, I'll use constraint layout to display Headers and use Linear Layout to display subsections for Details and Leave. I'll use textView and imageView to display purpose and attachment and use two buttons. I'll wrap everything up with Scroll View and maintain the margins and follow the naming conventions and styles from Figma provided. Thank You

ritankarsaha commented 2 months ago

@Agrim2112 I would like to work on this issue. The approach would be similar to that of @ayushsaksena30 to use CardView, and then use Constraint Layout to display headers, LinearLayout to display the sections for details and leave. Finally TextView and ImageView to display the purpose and attachment and use two buttons with the appropriate colours in the figma design and nested scroll width. Also following the proper naming conventions and adhering to the design in the figma. Thank You.

sujalagrawal2 commented 2 months ago

@Agrim2112 I would like to work on this issue. My approach for this layout will be constraintLayout -> CardView -> NestedScrollView -> Constraint. Inside Constraint Layout I will use TextView, EditText, ImageView(for back and download icon) , guideline (in details section ) , linear layout( in LEAVE ) and Button. I will provide proper margins according to figma and follow proper naming conventions for the ID. Thank You.

Agrim2112 commented 2 months ago

@sujalagrawal2 You can work on it