How to hide SfAccordion ContentTemplate child component margin

[Merab]

Hi

how can I override the default margin around RoutesDictionary razor component of the AccordionItem ContentTemplate ?

I need to hide, margin: 0;

It's my code:

        <AccordionItem Id="Live" Header="@(Language.GetText("Live"))">

            <ContentTemplate>

                    <RoutesDictionary></RoutesDictionary>

            </ContentTemplate>

        </AccordionItem>

Thanks in advance 

Merabi

[Satheesh Kumar Balasubramanian]

Hi Merab,

We have prepared sample to override the child component margin. But, accordion content child component have not set any margin.

Could you please share the below details to reproduce the issue? This will help to validate the issue and provide prompt solution at earliest.

• Whether we have missed anything in prepared sample
• Replicate the issue in shared sample (or) share simple issue replicating sample if possible
• Share issue depicting images clearly
• Share all the accordion and content(RoutesDictionary) related code snippets with custom styles if used

Regards,

Satheesh Kumar B

Attachment: AccordionContentHideMargin_f4f817f4.zip

[Merab]

Thank you for your response.

I'm sending a sample project which illustrates the issue and the image to clarify it.
As you can see in the below image, I have marked with red curly line the space which I need to be filled with child component. So how do I accomplish that?

Thank you in advance.
Merabi

Attachment: sample_fc67d399.rar

[Merab]

Hi

I found the solution myself.

     .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {

         padding: 0;

     }

[Vinitha Devi Murugan]

Hi Merab,

We are happy to hear that you found solution at your end.

Please get back to us if you need any further assistance.

Regards,

Vinitha