We have declared the image path in the resourceImagePath prop and added the image to the resources object. However, the resources images are not rendering on the resources timeline. Kindly assist on this.
Kindly refer the attached screenshot for your reference.
Path declared in resourceimagepath prop
Path declared (2).png (64.87 KiB) Viewed 851 times
Image name in Resources
Resources (2).png (17.34 KiB) Viewed 851 times
Images are not rendering
Images are not rendering.png (35.98 KiB) Viewed 851 times
Have attached a snapshot of the folder path and the mentioned path for verification.
Kindly verify once whether I have mentioned the correct path in the resourceImagePath prop.
Eventhough I have not received the images in the resource timeline view. Kindly help on this.
Folder path images are in the extension .jpg
Image Folder path .png (36.22 KiB) Viewed 822 times
Path declared in the code
Image Path declared.png (34.89 KiB) Viewed 822 times
Hi Ghulam,
Right now our component setup is not a react app.Its basically a storybook setup which has no public folder or directory.As suggested by you and sagi,We have created a folder named images in our setup and tried importing the path using resourceImagePath
prop.Still we are not able to get over it.We are not able to proceed further on this and need your help to proceed further.Attaching the screenshots for further clarity.
usage pf
Usage of props.png (81.3 KiB) Viewed 791 times
image prop in resource data
image prop given in resouce data.png (24.68 KiB) Viewed 791 times
Can you please try sharing a small runnable test case with us so we can see where you can place your static resources in storybook? I was looking at the following link which shows how you can use static images etc inside storybook. https://storybook.js.org/docs/configure/images-and-assets. Maybe look at this and try it. There should be place in storybook from where you can serve your images just like we have /public in react and /assets in angular. Please also check this stackoverflow thread. https://stackoverflow.com/questions/58267903/serving-static-files-in-storybook-js. Best you should provide us with a small test so we can debug and assist you.
Hi Ghulam,
Placing the static images in public folder and accessing the images from there is fine.But what will happen if images are rendered from an api response and how we can handle at that point of time.For ex: extracting a bunch of profiles of employees to display in resource timeline.Provide your thoughts on this.
Hi Ghulam,
How we can handle with resourceimagepath prop if images are rendered from an api response and how we can handle at that point of time.For ex: Taking a list of images of employees to display in resource timeline.Provide your thoughts on this.
Is it abstract question or it's in a context of solution you shared with us previously? What do you mean by "rendered from an api"? Are we talking about absolute path to an image or something else?
Did you fix the initial problem you asked about?
Hi Alex,
Initial problem we discussed was fixed by adding the public folder and placing the static images there.But instant thought i had was whether we can handle the dynamic images which can be received from either an api response or from some other resources.Hope my point was clear.
