SfTab inner contain show in inspect element but not show in view page source

[Pankaj]

Dear Support

I am using  SfTab in our page,it's run perfect but tabbing inner data show in inspect element but not show in view page source for seo purpose.

I am using this code for tabing. 

<SfTab CssClass="e-fill my-sf-cls">

                                    <TabItems>

                                        <TabItem>

                                            <ChildContent>

                                                <TabHeader Text="Overview"></TabHeader>

                                            </ChildContent>

                                            <ContentTemplate>

                                                                           Hello

                                             </ContentTemplate>

                                       </TabItem>

                                    </TabItems>

      </SfTab>

Can you please help us with this issue. I have also attached the screenshot which shows the issue that we are facing.

Keen to hear from you soon.

Regards,

Pankaj

[Satheesh Kumar Balasubramanian]

Hi Pankaj, 

  

Thanks for using Syncfusion Products. 

  

We have validated your reported query "SfTab inner contain show in inspect element but not show in view page source" at our end and understood that you need to view all tab header and content in view page source area for SEO purpose. Can you please confirm on this? 

  

We couldn’t see the attachment. Can you please share the details to understand the problem and help you out? 

Regards, 

Satheesh Kumar B 

[Pankaj]

yes

I attached some images for your understanding.

1. First image data show in inspect element.

2. Second image of inspect element compare to third image. show inner data.

    <div id="tab-4e360e22-0f61-40a5-bf2b-95a38004b083" class="e-control e-tab e-lib e-fill my-sf-cls e-keyboard e-nested" role="tablist" aria-orientation="horizontal" style="height:auto; width:100%" _bl_660d33a5-8a73-4858-b940-0616500e5161="" aria-disabled="false" aria-activedescendant="e-item-tab-4e360e22-0f61-40a5-bf2b-95a38004b083_0">

3. Third image of view page source. not show inner data

   <div id="tab-905a3487-15c0-4a22-b9a4-f9973f577db2" class="e-control e-tab e-lib e-fill my-sf-cls" role="tablist" aria-orientation="horizontal" style="height:auto; width:100%">

</div>

Can you please help us with this issue. I have also attached the screenshot which shows the issue that we are facing.

Keen to hear from you soon.

Regards,

Pankaj

Attachment: inspectimages_a3a24adc.zip

[Pankaj]

Hello sir

Any update

[Balasubramanian Sattanathan]

Hi Pankaj, 

Thanks for the reply. 

We have checked your reported problem at our end and let you know that we could reproduce it. So, we will validate the cause of the problem and will update the further details on June 2, 2021. We appreciate your valuable patience until then. 

Regards, 

Balasubramanian S 

[Pankaj]

any update sir

[Satheesh Kumar Balasubramanian]

Hi Pankaj,

Sorry for the inconvenience caused.

We have validated your reported query "SfTab inner contain show in inspect element but not show in view page source" and let you know that we have rendered tab on demand. So, tab content will not render in view page source due to delay in rendering of tab content in DOM. If, you still need tab content for SEO purpose, you can use SfTab SelectedItem two way binding property to append the current tab content using Meta tag for SEO purpose.

https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfTab.html#Syncfusion_Blazor_Navigations_SfTab_SelectedItem

Please let us know if you need any further assistance on this.

Regards,
Satheesh Kumar B