Error The component parameter 'Expanded' is used two or more times for this component. Parameters must be unique (case-insensitive)

Severity Code Description Project File Line Suppression State

Error The component parameter 'Expanded' is used two or more times for this component. Parameters must be unique (case-insensitive). CMS C:\G\Case Manager Blazor Edition\CaseManager_SyncFusion\CMS\Shared\NavMenu2.razor 23


<SfSidebar @ref="SidebarObj" Position="@Position" HtmlAttributes="@HtmlAttribute" @bind-IsOpen="SidebarToggle">

                <ChildContent>

                    <div class="title-header">

                        <div style="display:inline-block"> Case Manager </div>

                        <span id="close" @onclick="@Close" class="e-icons"></span>

                        <a rel='nofollow' href="MyProfile">

                            <img class="e-avatar e-avatar-large e-avatar-circle image" width="32" height="32" src="@PictureURL" asp-append-version="true" />

                        </a>

                        @*<div class="text" style="width: 100%;font-size: 20px;text-align: center;">@FullName </div>*@

                    </div>

                    <div class="sub-title">

                        <SfAccordion>

                            <AccordionItems>

                                <AccordionItem Header="Dashboard" IconCss="e-dashboard e-icons" Expanded="true">

                                    <ContentTemplate>

                                        <ul>

                                            <li>

                                                <span class="e-icons e-content-icon">

                                                    <NavLink class="nav-link" rel='nofollow' href="/">

                                                        <span class="oi oi-dashboard" aria-hidden="true"></span> My Dashboard

                                                    </NavLink>

                                                </span>

                                            </li>

                                            @*<li><span class="e-icons e-content-icon">Team Dashboard</span> </li>*@

                                        </ul>

                                    </ContentTemplate>

                                </AccordionItem>

                                <AccordionItem Header="Profile" IconCss="e-profile e-icons" Expanded="true">

                                    <ContentTemplate>

                                        <ul>

                                            <li>

                                                <span class="e-icons e-content-icon">

                                                    <NavLink class="nav-link" rel='nofollow' href="ManageBilling">

                                                        <span class="oi oi-dollar" aria-hidden="true"></span> Daily Billing

                                                    </NavLink>

                                                </span>

                                            </li>

                                            <li>

                                                <span class="e-icons e-content-icon">

                                                    <NavLink class="nav-link" rel='nofollow' href="ManageMail">

                                                        <span class="oi oi-envelope-open" aria-hidden="true"></span> Daily Mail

                                                    </NavLink>

                                                </span>

                                            </li>

                                        </ul>

                                    </ContentTemplate>

                                </AccordionItem>

                                <AccordionItem Header="Matters" IconCss="e-achievements e-icons" Expanded="true">

                                    <ContentTemplate>

                                        <ul>

                                            <li><span class="e-icons e-content-icon">Search Matters</span> </li>

                                            <li>

                                                <span class="e-icons e-content-icon">

                                                    <NavLink class="nav-link" rel='nofollow' href="managematters">

                                                        <span class="oi oi-list-rich" aria-hidden="true"></span> Manage Matters

                                                    </NavLink>

                                                </span>

                                            </li>

                                            <li>

                                                <span class="e-icons e-content-icon">

                                                    <NavLink class="nav-link" rel='nofollow' href="names">

                                                        <span class="oi oi-people" aria-hidden="true"></span> Manage Names

                                                    </NavLink>

                                                </span>

                                            </li>

                                        </ul>

                                    </ContentTemplate>

                                </AccordionItem>

                                <AccordionItem Header="My Schedule" IconCss="e-scheduler e-icons" Expanded="true">

                                    <ContentTemplate>

                                        <ul>

                                            <li>

                                                <span class="e-icons e-content-icon">

                                                    <NavLink class="nav-link" rel='nofollow' href="scheduler">

                                                        <span class="oi oi-calendar" aria-hidden="true"></span> My Calendar

                                                    </NavLink>

                                                </span>

                                            </li>

                                            <li>

                                                <span class="e-icons e-content-icon">

                                                    <NavLink class="nav-link" rel='nofollow' href="tasks">

                                                        <span class="oi oi-task" aria-hidden="true"></span> Tasks

                                                    </NavLink>

                                                </span>

                                            </li>

                                        </ul>

                                    </ContentTemplate>

                                </AccordionItem>

                                <AccordionItem Header="System" IconCss="e-system e-icons" Expanded="false">

                                    <ContentTemplate>

                                        <span class="e-icons e-content-icon">

                                            <NavLink class="nav-link" rel='nofollow' href="documents">

                                                <span class="oi oi-task" aria-hidden="true"></span> Manage Documents

                                            </NavLink>

                                        </span>

                                        <span class="e-icons e-content-icon">

                                            <NavLink class="nav-link" rel='nofollow' href="systemdefaults">

                                                <span class="oi oi-task" aria-hidden="true"></span> Manage System Defaults

                                            </NavLink>

                                        </span>

                                    </ContentTemplate>

                                </AccordionItem>

                            </AccordionItems>

                        </SfAccordion>

                    </div>

                </ChildContent>

            </SfSidebar>





3 Replies

SK Satheesh Kumar Balasubramanian Syncfusion Team September 23, 2021 02:34 PM UTC

Hi Miles,

Thanks for using Syncfusion Products.

We have validated your reported query "Error the component parameter 'Expanded' is used two or more times for this component." based on your shared details and prepared sample to reproduce this issue at our end. But, we were unable to reproduce this issue at our end.


Could you please share the below details to reproduce the issue? This will help to validate the issue and provide prompt solution at earliest. 
 
  • Replicate the issue in above sample or share issue replicating sample if possible
  • Share all accordion and sidebar related code snippets with syncfusion package version
 
Regards, 
Satheesh Kumar B 



MG Miles Gibson September 23, 2021 02:40 PM UTC

As it turns out, removing NuGet references to:

Syncfusion.Blazor.DocumentEditor

Syncfusion.Blazor.PdfViewerServer


seems to have solved the problem.  Obviously some issues here.  I am only referencing Syncfusion.Blazor in NuGet, so perhaps these are not required?



NR Nevitha Ravi Syncfusion Team September 24, 2021 07:50 AM UTC

Hi Miles, 

Thanks for your update. 

We are happy that you have resolved the issue at your end. Yes you can’t use individual NuGet when using entire NuGet which causes the problem. So please either use only required individual NuGet or use entire NuGet alone. 

Regards, 
Nevitha 


Loader.
Up arrow icon