Setting Custom Dropdown selected Value

[Nishan Perera]

Hi,

I have a custom dropdown for line spacing. Functionality works fine. users can set the line spacing. But when they select a text which has line spacing custom dropdown does not change to the selected value



How can I set this up depend on the editor selection.

Thanks

[Rumen]

Hello Nishan,

The getSelectedElement() method of RadEditor returns a reference to the currently selected HTML element in the RadEditor for ASP.NET AJAX content area. You can use this method to get a reference to the currently selected element and check whether it has applied lineHeight css property and modify its value. It does not have such a property then set it.


Kind regards,
Rumen
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.

[Nishan Perera]

HI,

Thank you for your reply. After digging this more. I have found out dropdown selected index is changing but its not set on editor toolbar.

        ToolLineHeight._selectedIndex    6    JS Property.

Is This a browser issue.

Nishan

[Rumen]

Hi Nishan,

By design, custom dropdowns do not provide this functionality out-of-the box. Nevertheless, it is possible to change the displayed value of the dropdown with the following sample code:

Copy Code

function OnClientSelectionChange(editor, args)
{
    var lineSpacingTool = editor.getToolByName("LineSpacing");
    var toolItems = lineSpacingTool.get_items();
    var cArea = editor.getSelection().GetParentElement();

    if (cArea.tagName == "P" || cArea.tagName == "FONT" || cArea.tagName == "STRONG")
    {
        for(var i = 0; i < toolItems.length; i++)
        {
            if(toolItems[i][0] == cArea.style.lineHeight)
            {
                lineSpacingTool.set_text(toolItems[i][1]);
                return;
            }
            else
            {
                lineSpacingTool.set_text("Line Spacing");
            }
        }
    }
}

Regarding the displayed value of the RealFontSize dropdown - the information displayed in the RealFontSize dropdown header is returned by the browser's queryCommandValue method. Firefox, Safari and Chrome return the font-size information in pixels. Internet Explorer returns the font-size in points. For the time being we do not plan to enhance the current mechanism of RealFontSize tool to display only values in pixels or points in all browsers, because this can introduce unwanted side effects during the conversion from pixels to points.


Greetings,
Rumen
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.