Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Student Application Summary - Small Screen #3818

Closed
4 tasks
ninosamson opened this issue Oct 22, 2024 · 0 comments
Closed
4 tasks

Student Application Summary - Small Screen #3818

ninosamson opened this issue Oct 22, 2024 · 0 comments
Assignees
@bidyashish @ninosamson @JerPearson @Joshua-Lakusta
Labels
Student Student Features
Milestone
Full-Time Student...

Comments

@ninosamson
Copy link
Collaborator

ninosamson commented Oct 22, 2024 •
edited by andrewsignori-aot
Loading

User Story:
As a student, I'd like to be able to access SIMS using my mobile phone as I do not have a tablet, laptop or computer and I am completing my studies with only my phone. In general, most of SIMS student account is mobile responsive, but needs some slight tweaks to ensure users can navigate.

Acceptance Criteria:

  • Resize application summary page to fit on small screen.
  • Update to Vuetify
  • Remove the margins on the side for mobile view (ok for all student pages in mobile view)
    As a reference for ACs - can test on (reference iPhone 12/Samsung Galaxy 12).

image.png

Technical

  • Switch the table from PrimeVue to Vuetify as a starting point.
@ninosamson ninosamson added Business Items under Business Consideration Student Student Features labels Oct 22, 2024
@ninosamson ninosamson self-assigned this Oct 22, 2024
@ninosamson ninosamson changed the title Mobile Compatibility - Student Small Screen Responsiveness - Student Oct 24, 2024
@ninosamson ninosamson changed the title Small Screen Responsiveness - Student Small Screen Responsiveness - Part 2 Nov 6, 2024
@ninosamson ninosamson changed the title Small Screen Responsiveness - Part 2 Student Application Summary - Small Screen Nov 6, 2024
@CarlyCotton CarlyCotton added Dev & Architecture Development and Architecture and removed Business Items under Business Consideration labels Nov 12, 2024
@andrewsignori-aot andrewsignori-aot removed the Dev & Architecture Development and Architecture label Jan 9, 2025
@bidyashish bidyashish self-assigned this Feb 3, 2025
github-merge-queue bot pushed a commit that referenced this issue Feb 10, 2025
@bidyashish
#3818 - Student application summary tech debt part-1 (#4337)
fac6ed4 
**Technical Debt**

Update Form IO Local setup as per
https://github.com/formio/formio/blob/af18e13f93b70a20e134c7d65957c7c92e951349/Dockerfile#L45
github-merge-queue bot pushed a commit that referenced this issue Feb 19, 2025
@bidyashish
#3818 - Student Application Summary - Small Screen (#4348)
147bbc0 
**Acceptance Criteria:**
- [x] Resize application summary page to fit on small screen. 
- [x] Update to Vuetify
- [x] Remove the margins on the side for mobile view (ok for all student
pages in mobile view)

**Technical**
- [x] Switch the table from PrimeVue to Vuetify Data Table as a starting
point.

Iphone 12

![image](https://github.com/user-attachments/assets/4685b5d6-78ec-4f8d-8c34-a7c5c10906bf)

Desktop
<img width="1880" alt="image"
src="https://github.com/user-attachments/assets/fa91a789-75d9-465f-90d9-2135209c064c"
/>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@bidyashish bidyashish

@ninosamson ninosamson

@JerPearson JerPearson

@Joshua-Lakusta Joshua-Lakusta

Labels
Student Student Features
Projects
None yet
Milestone
Full-Time Students MVP
Development

No branches or pull requests
6 participants
@bidyashish @ninosamson @andrewsignori-aot @JerPearson @Joshua-Lakusta @CarlyCotton