ui

why i don't have a Custom Layout question when I choose the MUI

19 Replies

Hey @amr007! I'm the kapa.ai support bot. I've searched through the docs to try to answer your question. :wave: ---------------------- I'm sorry, I don't have enough information to give you a confident answer yet. However, you can find more information about custom layouts in the Refine documentation (https://refine.dev/docs/advanced-tutorials/custom-layout/). ----------------------

kapa.ai•2y ago

<@582920716207259688> kapa.ai is still learning and improving, please let us how it did by reacting below

plain-purple•2y ago

when you select "yes" it will came with layout

? Do you want to add example pages?: …
❯ No No examples will be installed.
  Yes (Recommended) Installs example pages.

? Do you want to add example pages?: …
❯ No No examples will be installed.
  Yes (Recommended) Installs example pages.

by the way, JavaScript Mastery video follows refine@3 if you wanna follow that tutorial i suggest to use: npx create refine-app@1.5.4 for refine@3 version creation. after you familiar with refine you can easily migrate to refine@4 with codemod support 🚀 https://refine.dev/docs/migration-guide/3x-to-4x/

absent-sapphire•2y ago

When i select yes for add example pages, there is no option asking if i want customized layouts as in the JSM video. And in my components folder I am missing many components that he has

plain-purple•2y ago

Jsm video uses refine@3. To use that version, you should use this command: npx create refine-app@1.5.4

unwilling-turquoise•2y ago

npx not work with me it is npm not npx

absent-sapphire•2y ago

yea npx didn't work for me as well so i did

npm create refine-app@1.5.4

npm create refine-app@1.5.4

and still didnt get the option

plain-purple•2y ago

Sorry let me double check

absent-sapphire•2y ago

no problem

plain-purple•2y ago

sorry i was wrong, I will ask other friends in the core team how to create the same project in the video

absent-sapphire•2y ago

ok sounds good 👍

plain-purple•2y ago

Can you use this command please 🙏 npm create refine-app@latest -- --branch v3

absent-sapphire•2y ago

that seems to be the same thank you so much!

plain-purple•2y ago

again, sorry for the confusion

absent-sapphire•2y ago

no problem thank you and the team here for such quick responses I really appreciate it

plain-purple•2y ago

thanks 🙂

unwilling-turquoise•2y ago

thank you so much ❤️ it is working now but I have a question so refine-app@latest -- --branch v3 the last version?

plain-purple•2y ago

we released v4 yesterday, you can read more detailed information here:https://refine.dev/docs/migration-guide/3x-to-4x/ refine-app@latest use the latest CLI version, -- branch v3 means, generate the template code compatible with refine v3 if you want to create refine app with latest version, you need to remove branchoption

fascinating-indigo•2y ago

@alicanerdurmaz Thank you so much for the help! I just started this project and notice that plenty of components from v3 have been deprecated for v4. Everything seems to be working now!