Responsive mobile view for netlify-cms

delanyobott · April 27, 2020, 2:25pm

Hello am new to netlify and netlify-cms, I just want to find out how I would be able to configure the netlify-cms be a little responsive for mobile divices? Thanks

erez · April 27, 2020, 2:37pm

Hi @delanyobott and welcome See here regarding a workaround for mobile devices:

github.com/netlify/netlify-cms

Make the CMS work for mobile (responsive UI)

opened 07:19PM - 02 Jun 17 UTC

bdougie

area: design status: accepted kind: enhancement area: ui

**- Do you want to request a *feature* or report a *bug*?** Enhancement: It wou…ld be nice to quickly check in on a post on the CMS from my phone **- What is the current behavior?** The current UI has no consideration for mobile and non-usable from a mobile device. ![img_1018 png](https://cloud.githubusercontent.com/assets/5713670/26741343/e510b80c-478d-11e7-967d-20a58ea81628.png) ![img_1019](https://cloud.githubusercontent.com/assets/5713670/26741355/ecd8e636-478d-11e7-8dce-e5dcff703d7a.PNG) **- If the current behavior is a bug, please provide the steps to reproduce.** Look at the https://cms-demo.netlify.com/ from your phone. **- What is the expected behavior?** The editor can be ignored for now because it would require a larger scope. However, the editorial workflow and list of posts could be tweaked quickly fit on a mobile screen. Even it was just a list of post. I recently had a situation where I was AFK and needed to ship a blog post from my phone. My only option was logging into GitHub and merging the PR, but it would have been nice to just hit publish from the CMS **- Please mention your node.js, and operating system version.** iPhone 7

and here for ongoing community effort to improve the UX Improve The Overall UX · Issue #2557 · netlify/netlify-cms · GitHub

delanyobott · April 27, 2020, 2:42pm

Hi @erez thanks very much. Checking

delanyobott · April 30, 2020, 9:59am

Hi @erez, thanks you for the solution. I found a hack which solved the issue for through the link you gave me. But I see that since then it creates another issue, the post body field ( markdown widget) is not responding to inputs on the mobile view. When you input texts it receives the texts but it does not recognize it, the when want to save it, the cms gave error message that “post body requierd”, please what can I do to overcome that?

erez · April 30, 2020, 10:37am

Hi @delanyobott, see Make the CMS work for mobile (responsive UI) · Issue #441 · netlify/netlify-cms · GitHub and Make the CMS work for mobile (responsive UI) · Issue #441 · netlify/netlify-cms · GitHub.
That will require updating one of our dependencies (slate), which will require some fair amount of work.

delanyobott · April 30, 2020, 10:38am

Thanks very much @erez

delanyobott · April 30, 2020, 12:18pm

Hello, @erez, thanks for the link. I read through the thread and the discussion. But me as a newbie is there any hack I can do now to make my cms funtional? Because the issues they are discussing, I think it is above me. Thanks

erez · April 30, 2020, 12:29pm

Hi @delanyobott, sorry to say there is no work around at the moment for the markdown widget in mobile.

delanyobott · April 30, 2020, 1:39pm

Hi @erez, thanks very much for your well appreciated supports. I’ve read that there are plan for a fully mobile support of the cms, so please will you be able to know on which version such upgrade will be on? And currently am using version 2 of the cms ( something like this @^2) please do you suppose it’s good for me to upgrade to a different upward version? And which one can recommend for me?

erez · April 30, 2020, 1:58pm

Hi @delanyobott mobile support will probably be a part of v3 with the UX improvements I linked to.
Can’t really commit on when it will be released as we still have some stuff to finish for v2 like https://github.com/netlify/netlify-cms/issues/716

delanyobott · April 30, 2020, 2:44pm

OK, I’ll be anticipating for the v3. Anyway thanks very much @erez