WebViewer Version:
Do you have an issue with a specific file(s)?
yes in custom panel
Can you reproduce using one of our samples or online demos?
no
Are you using the WebViewer server? yes
Does the issue only happen on certain browsers?no all of them
Is your issue related to a front-end framework? nope
Is your issue related to annotations? nope
Please give a brief summary of your issue:
// Create a render function for the custom panel
const renderCustomPanel = () => {
return (
<div>
<div>
<label htmlFor="participantDropdown">{t("Participant")}</label>
</div>
<div className="w-100 d-flex justify-content-center">
<select
style={{
width: "100%",
padding: "12px 5px",
margin: "8px 0",
}}
onChange={handleChangeUser}
>
{participantsRef.current.map((userData, index) => {
return (
<option value={userData.pk_UID}>{userData.name}</option>
);
})}
</select>
</div>
<div className="w-100">
<button
style={{
width: "100%",
padding: "12px 30px",
margin: "8px 0",
background: "#6172d6",
border: "none",
color: "#fff",
cursor: "pointer",
}}
onClick={openCustomModal}
>
{t("Add-Signaturies")}
</button>
</div>
<div
style={{
display: "flex",
justifyContent: "center",
gap: "10px",
alignItems: "center",
}}
>
<button
style={{
width: "100%",
padding: "5px 12px",
background: "#ffffff",
border: "1px solid #e1e1e1",
}}
onClick={handleClickTItle}
>
{t("Title")}
</button>
<button
style={{
width: "100%",
padding: "5px 12px",
background: "#ffffff",
border: "1px solid #e1e1e1",
}}
onClick={handleClickName}
>
{t("Name")}
</button>
<button
style={{
width: "100%",
padding: "5px 12px",
background: "#ffffff",
border: "1px solid #e1e1e1",
}}
onClick={handleClickEmail}
>
{t("Email")}
</button>
</div>
</div>
);
};
let myCustomPanel = {
tab: {
dataElement: "customPanelTab",
title: "customPanelTab",
img: "/favicon-32x32.png",
},
panel: {
dataElement: "customPanel",
render: renderCustomPanel,
},
};
instance.UI.setCustomPanel(myCustomPanel);
this custome panle is working on my unpaid version now when i change it to payed version ist stop working
Please describe your issue and provide steps to reproduce it:
(The more descriptive your answer, the faster we are able to help you)
Please provide a link to a minimal sample where the issue is reproducible:
