Reload a custom screen element

Client
1

Hi,

I have a custom screen element as below:

export default function WindreamIframe(
	props: FormModelMap.FormModelComponentProps<FormModel.CustomScreenElement>
) {
	const { localizer } = useContext(LocalizerContext);
	const titleLabel = props.modelElement.title;
	const [title, setTitle] = useState<string>("");
	const currentGeneralData = useSelector(ongoingGeneralData());
	useEffect(() => {
		if (titleLabel?.type == "Multilingual") {
			const localizables = localizableFromModel("title", titleLabel.multilingualText.text);
			const label = localizer(localizables);
			if (label) {
				setTitle(label);
			}
		}
	}, []);

	return (
		<>
			<StyledTypographyHeadline level={2}>{title}</StyledTypographyHeadline>
			<iframe
				className="claims-iframe"
				src={`mySrc`}
			/>
		</>
	);
}

My question is: Can I reload the iframe (inside this custom screen element) by a12 actions? If not, is there anyway I can achieve this?

2

Hi @son-fast-shard,
I think the A12 action just has actions for reloading the whole form component. So you can not achieve it by A12 Action if you just want to reload the iframe.

In your case, I think this is a custom component, so you can handle reloading the iframe through some states of this component or leverage some hooks.