Hello,

I'm currently facing an issue with paragraphs style / format block.
I try to set pre-defined paragraph style in the format block drop down so I add few lines in my toolsFile.xml.
So far everything works great : I have 4 styles I can apply to any text.
I would like my dropdown items to have their own style applied on them but It doesn't work for some css defined classes.

Here's a snippet of my code :

  <paragraphs>
    <paragraph name="&lt;strong>Normal&lt;/strong>" value="&lt;P Class='Al'>" />
    <paragraph name="&lt;p Class='Txtrep3'>Niv 1&lt;/p>" value="&lt;p Class='Txtrep3'>" />
    <paragraph name="&lt;p Class='Txtrep4'>Niv 2&lt;/p>" value="&lt;p Class='Txtrep4'>" />
    <paragraph name="&lt;p Class='Remarque'>Remarque&lt;/p>" value="&lt;p Class='Remarque'>" />
  </paragraphs>

(I didn't use the format code block because it was totally unreadable)

So for example the first item "Normal" is well-rendered in the dropdown but others haven't got any style applied on them.
I can't figure out what's wrong as it works well when I want to define a style for any selected text.

Any help would be welcome !


Alexandre.

PS : RadEditor is sometimes acting weird, could It be possibly due to the trial version ? We plan on buying 2 licences and I wish this will solve out those strange behavior.

Hello Alexandre,

I tried to reproduce the problem but without success. For your convenience I have attached my project and a video demonstrating my test.

http://screencast.com/t/UwzLc6rG4kX

Kind regards,
Rumen
the Telerik team

Hi Rumen,

Thank you for trying to reproduce my bug. I almost have the same code as you have in your video demonstration except for the css.
Here's a snippet of my css file :

div.Al,
p.Al
{
    font-family:Arial;
    font-size:12px;
    color:black;
    text-align: justify;
}

div.Txtrep3,
p.Txtrep3
{
    color:#00309E;
    font-weight:bold;
    font-family:Arial;
    margin:15px 0px 7px 0px;
    font-size:55px;
}

div.Txtrep4,
p.Txtrep4
{
    font-weight:bold;
    font-family:Arial Narrow;
    margin:12px 0px 7px 0px;
    font-size:15px;
    font-style:italic;
}

div.Remarque,
p.Remarque
{
     font-size:10px;
     font-family:Arial;
     margin-top:12px;
     text-align: justify;
     padding-left:10px;
}

It would be great if you could retry it with this css so I would know if the problem comes from my css.

Regards,

Alexandre.

Hi Alexandre,

I tested the provided css code and everything looks OK on our side. You can see a screen shot from my test here http://screencast.com/t/cIpFaBZqIOlG. If you still experience the problem, could you prepare a simple sample project as my colleague did, where we can actually see the issue? Once you send it to me I will be able to debug it and advise you further.

Thank you.

Best wishes,
Stanimir
the Telerik team