Issue regarding Telerik table classic render mode

1 Answer 7 Views

Editor

Atul asked on 15 Jul 2025, 09:14 AM

text-not-align-with-dropdown.png

Hi, I am facing the following issues with the Telerik table. Can you please help resolve them?

1. The text is not aligned with the dropdown (Image attached)

2. When we edit the widget > click on the table on a random cell > select Table Properties > The table wizard will always default to the top left cell > This is working as expected.
If you click in the table (not the editor) and select Cell Properties > the wizard will display (highlight) the cell you selected in the table is it expected that when selecting table properties it always default to the left side first box but when selecting cell properties it will show the current cell which we are in.

video link:- https://jam.dev/c/c1cdf56c-53ab-4218-8774-65907b3efd6d

3. Table properties > Select cells (e.g the top three) > Border > Select the bottom > 6 PX > Purple > OK > The preview is not showing the changes we want to apply > the preview is showing only the top left cell

video link:- https://jam.dev/c/88c17904-c758-47ab-949c-d29b4775dc6d

4. Following step 3 > when we navigate the mouse up and down, in the background, we can see only the top left cell with the border we configured. (while initially we selected the top three) > But if now, in the preview page, we will choose the top three > OK >We will see the top three cells showing the design we configured.

video link:- https://jam.dev/c/ba52bff1-7459-44d6-a647-d3eb5cea07f3

5. From the widget/page > select the middle bottom cell (notice it has no styling) > Table properties > Cell Properties > Select the middle bottom cell again > More Cell Styling > Border > Notice that the top row design is inherited > Is this expected?

video link:- https://jam.dev/c/1516e16f-1f7c-4e89-8b19-368edabf5703

5.1 I have observed that when we're in the widget > selecting a cell from the table > clicking on Cell Properties > The top row design is not inherited.

1 Answer, 1 is accepted

answered on 16 Jul 2025, 11:54 AM

Hi Atul,

Thank you for sharing the detailed list of issues you are experiencing.

1. Text Not Aligned with Dropdown inside the Style Builder dialog

To resolve this, you can apply custom CSS to ensure consistent vertical alignment and padding. For example:
1. Set the DialogsCssFile property to point to your own css file (e.g. Styles.css):
```
<telerik:RadEditor runat="server" ID="RadEditor1" Height="600px" RenderMode="Classic" Skin="Metro" DialogsCssFile="~/Styles.css">
</telerik:RadEditor>
```
2. Add the following CSS selector to the Styles.css file:
```
div#BorderContent .Labels {
    padding: 48px 2px 0 0;
}
```
  which will override the built-in selector.
3. Save the CSS file, delete your browser cache and reload the page.
  
  The result should be the following:
To help address each point more effectively, we will handle questions 2 to 5 in separate forum posts. This will allow us to:

Focus on one specific issue per thread
Provide clearer, more targeted answers
Make it easier for others to search and benefit from related topics

I will keep this post dedicated to question 1: the text alignment issue. For the remaining questions, I will create individual threads and respond to them accordingly.

Thanks for your understanding!

Regards,
Rumen
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!

Rumen

commented on 16 Jul 2025, 01:38 PM | edited

I’ve created the following bug reports and feedback portal items based on the issues described in points 2 to 5:

These items will help us track, prioritize, and improve the experience across the Table Wizard and Style Builder tools. Thank you again for your detailed reports and valuable input!