Design issue after refresh

UI Components for React
Post Reply
bginside.dev
Posts: 3
Joined: 02 Mar 2022, 08:06

28 Oct 2022, 05:16

How to fix this issue? It happens whenever i refresh the page on the other components.

https://ibb.co/tBc0WBD

bginside.dev
Posts: 3
Joined: 02 Mar 2022, 08:06

28 Oct 2022, 05:38

Another issue after I extract and run the new version..

https://ibb.co/vv2wTPv

habubey
Posts: 37
Joined: 24 Aug 2022, 13:17

28 Oct 2022, 13:04

Hey there,

Let's start with the first issue, it seems that the themes were not coming fast. Are you sure you combined the CSS correctly? I suggest you do a few steps first.
1- Delete your Node Modules and npm install and npm start again because we updated our templates a few weeks ago.
2- You may check manually your designer ( You have to copy your Designer UI folder from src/assets/designer and paste it to Ultima, theme resources folder inside the public/assets/sass/theme folder. Now you can start to watch your SASS command. Example: sass --watch public/assets:public/assets --no-source-map)

If you think these answers are not helping your issue please send us a reproducer (via codesandbox etc. ) we will gladly assist you.

For your second issue:
It is hard to see what the problem is while looking at only your error page. I am asking this to be sure. Did you import AccordionTab correctly such as import { Accordion, AccordionTab } from '../../components/lib/accordion/Accordion'; . Otherwise, I'd like to ask your reproducer to see what the problem is with your code.

Best

bginside.dev
Posts: 3
Joined: 02 Mar 2022, 08:06

29 Oct 2022, 02:49

Hi Habubey,

I was able to reproduce my first issue. The main reason for the design issue is when I use BrowserRouter rather than HashRouter.

For my second concern:
I didn't change any of the code from the extracted files from v.8.0.0.
I checked the PanelDemo.tsx and Help.tsx, accordiontab declared normally like this import { Accordion, AccordionTab } from '../../components/lib/accordion/Accordion';.

habubey
Posts: 37
Joined: 24 Aug 2022, 13:17

29 Oct 2022, 21:22

Hey,
Please use the tabIndex property on the AccordionTab component. We will soon be releasing a version scoping this and I hope it will fix your issue then.
Best

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests