hi, we are facing the following issue because of using a RAD SPLITTER.

Check the attachment for the screen shot. you can see a highlighted green border with yellow shade. That part is placed as a rad-splitter like below in a master page.

Using java script we are changing the contentUrl.

The purpose of using radsplitter is :
- To Avoid whole page refresh. the left pane and the top pane will stay and will not refresh every time.
- To hide the each page url.

Here is the issues that we are facing,
- Since telerik splitter renders as a iframe in run time, we are not able to make the UI responsive.
- When we zoom in or out we need to give a whole page refresh to see the whole page ( the bottom part is getting hidden.)
- And Many more...

Is there any other option to achieve this 2 points, without splitter?
- To Avoid whole page refresh. the left pane and the top pane will stay and will not refresh every time.
- To hide the each page url.

How can we have a call with telerik team about this issue and some more to be discussed. How to have a call over phone/Skype with telerik team?

 

Thanks

 

The column width on the Telerik Grid have plagued me for some time now. I could never set the width of the column inline for some reason.

This evening I have finally figured out what is causing my issue, and I wanted to share just in case anyone else was having this problem.

Let us take the following Grid for example;

Hello,

I've looked through the forums with no luck for the specifics required.

I have the need to select the current row of the grid where the cell is being edited.  When using a mouse click, the desired row is selected. However, when using the Tab Key (or arrow keys), the row is not selected.  I have tried finding the proper event that has a rowindex type argument to use to select the current row, but have failed so far.

Note:  This is for a grid in Batch Edit mode, so I need to do this solely on the Client side.

Thanks in advance,

g.

One of our users pointed out the vertical scroll bar in the top half of the RadSplitter displays but is greyed out.  If the splitter is collapsed forwards and then moved back, the scroll bar becomes enabled.  This issue occurs only in Chrome.  The scroll bar appears enabled as expected in Firefox, Opera, and Safari. 

I've attached screenshots for all the browsers mentioned above.  The related code is below; I stripped out the content in the table elements since it's not relevant to the issue.  The RadPane with the ID "radpane_preview" is where the vertical scroll bar isn't working correctly.

I am using 3 frozen columns in my grid. And then there are other columns that are dynamically added to the grid.
A horizontal scroll appears when the columns exceeds the maximum width. Till now it works great.
Now if I scroll the horizontal scroll to extreme right and resize my browser window, the horizontal scroll disappears making the the initial non frozen columns inaccessible.
This issue does not occur when forzen columns is removed.

Here is my grid's markup:

Is there any additional property setting I need to use? Please suggest ?

Hi

 

i have a problem with the RadCalendar:

when it is initially opened from a mobile device in portrait mode, it shows ok.

when it is initially opened from a mobile device in landscape mode, it shows ok

however, if it is opened in portrait mode and then orientation changes to landscape, the calendar stays in portrait and is shown on its side.

the same happens if we start at landscape and change to portrait.

 

I've tried hiding the calendar on orientation change event, but after reopening it is still showing sideways.

 

you can see in the attached file the result.

 

any ideas how to fix, or how to reset the orientation ?

 

thanks,

 

snir

 

Hi,

I'm trying to resolve an accessibility issue with the raddatepicker control.  I ran across the below page discussing it's compliance.  

https://demos.telerik.com/aspnet-ajax/datepicker/accessibilityandinternationalization/wcag2.0andsection508accessibility/defaultcs.aspx

But when you click on the link to test compliance using the wave tool, it shows errors.  Specifically, an empty TH element in the first row of the calendar (to the left of the "Sunday" heading, and above the week number).

 

To complicate my situation, the calendar is automatically generated in a grid for filtering a date column, and the columns are dynamically generated.  I've got code that finds the correct control during the item created event for the filter item.  But setting the EnableAriaSupport still has the same accessibility error shown on your demo page.  Is there another property that will address this?

 

The column with the empty TH is the week number.  An option for me might be to remove the week number column.  Is there a setting to do that or can you suggest some sample code for doing that?

 

Thanks,

 

 

When I insert a link into the editor, the & characters in the query string are getting converted to &

Mostly, I don't mind - the links still work on web pages. However, in some email clients (looking at you, Outlook...) the & entities break the link

I am not using the ConvertCharactersToEntities filter

Is there a way I can prevent this from happening?

I tried this on the content filter demo - I turned off ConvertCharactersToEntities and characters still got converted

I am using the Diagram-app sample to build my application. I need add option to change text from Shape.

 

I added the code:

 

<div class="configRow">
    <label class="configLabel">Texto</label>
    <div class="configControlContainer">
        <telerik:RadTextBox ID="shapeText" runat="server" EnabledStyle-HorizontalAlign="Right" MaxLength="50" MinValue="0" Width="110px">
            <ClientEvents OnBlur="updateShapeText" />
        </telerik:RadTextBox>
    </div>
</div>

 

But the client function "updateShapeText"​ not work !!!

 

 function updateShapeText(sender, args) {

        if (skipShapeConfigEvent) {
            return true;
        }
        var diagram = getDiagram();
        selection = diagram.select();

        selection[0].shapeVisual.options.content.text = sender.get_value();
    }​

 

Could you help me ?

This is probably a classic issue regarding update of dock content, but I can't get the docks to update or move the docks without the entire page is reloaded.

My code is base on an example I found here in the forum written by Telerik, and I have only made a few modifications.

I have moved public List<DockState> GetCurrentDockStates(string userkey, string frmName) to a widget class.

On page_init the docks are initiated from state. On page_load docks that are not in state are initiated and ascx controls are then loaded for all docks. 

I have 2 main problems.

1. I can't move or minimize a dock without the entire page reloads. If it isn't possible to move one dock without having to recreate all docks registered in the given RadDockLayout when I want to save the state (which is what I'm doing now), that is fine if just the RadDock components and their content is reloaded but the top menu and the rest of the page isn't. How can I change my code to achieve that?

2. I can't update the content of one dock without the entire page reloads. How can I update the content of one dock without the other docks or other page content is reloaded?

Hope someone here can help me out.

Thanks.

/Thomas


Widget class .aspx

        public List<DockState> GetCurrentDockStates(string userkey, string frmName)
        {
            //Get saved state string from the database - set it to dockState variable for example
            string dockStatesFromDB = "";
            dockStatesFromDB = DbUtils.GetUserSettings(userkey, frmName, settingsKey);
            List<DockState> _currentDockStates = new List<DockState>();
            if ((dockStatesFromDB != null) && (dockStatesFromDB != ""))
            {
                string[] stringStates = dockStatesFromDB.Split(';');
                foreach (string stringState in stringStates)
                {
                    if (stringState.Trim() != string.Empty)
                    {
                        _currentDockStates.Add(DockState.Deserialize(stringState));
                    }
                }
            }
            return _currentDockStates;
        }


Default.aspx.cs

 

    protected void RadDockLayout1_LoadDockLayout(object sender, DockLayoutEventArgs e)
    {
            Widget _widget = new Widget();
            List<DockState> _currentDockStates = _widget.GetCurrentDockStates((Session[TCSessionConst.SessionFrmDefault_XpoUser] as XpoUser).KeyID, DebugFormName);
            foreach (DockState state in _currentDockStates)
            {
                e.Positions[state.UniqueName] = state.DockZoneID;
                e.Indices[state.UniqueName] = state.Index;
            }
    }

    protected void RadDockLayout1_SaveDockLayout(object sender, DockLayoutEventArgs e)
    {

        List<DockState> stateList = RadDockLayout1.GetRegisteredDocksState();

        StringBuilder serializedList = new StringBuilder();

        Widget _widget = new Widget();
        List<DockState> _currentDockStates = _widget.GetCurrentDockStates((Session[TCSessionConst.SessionFrmDefault_XpoUser] as XpoUser).KeyID, DebugFormName);
        bool state_closed;
        foreach (DockState _dockState in stateList)
        {
            state_closed = false;
            foreach (DockState _dockState2 in _currentDockStates)
            {
                if (_dockState2.UniqueName == _dockState.UniqueName)
                {
                    if (_dockState2.Closed)
                    {
                        state_closed = true;
                        serializedList.Append(_dockState2.ToString());
                        serializedList.Append(";");
                    }
                }
            }
            if (!state_closed)
            {
                serializedList.Append(_dockState.ToString());
                serializedList.Append(";");
            }
        }

        string dockState = serializedList.ToString();
        if (dockState.Trim() != String.Empty)
        {
            DbUtils.SetUserSetting((Session[TCSessionConst.SessionFrmDefault_XpoUser] as XpoUser).KeyID, "Default", "WidgetState", dockState);
        }

    }

    private RadDock CreateRadDockFromState(DockState state)
    {
        Widget widget = new Widget();
        XPOWidgetSettings xpoWidgetSettings = widget.getWidgetSettingsObjectById(state.UniqueName);

        RadDock dock = new RadDock();
        dock.DockMode = DockMode.Docked;
        dock.ID = string.Format("RadDock{0}", state.UniqueName);
        dock.ApplyState(state);
        DockExpandCollapseCommand cmd = new DockExpandCollapseCommand();
        dock.Commands.Add(cmd);
        return dock;
    }

    private RadDock CreateRadDock(string oid, string displayName, string widgetSettings)
    {
        RadDock dock = new RadDock();
        dock.DockMode = DockMode.Docked;
        dock.UniqueName = oid;
        dock.ID = string.Format("RadDock{0}", dock.UniqueName);

        DockCloseCommand closeCmd = new DockCloseCommand();
        dock.Commands.Add(closeCmd);
        DockExpandCollapseCommand cmd = new DockExpandCollapseCommand();
        dock.Commands.Add(cmd);

        return dock;
    }

    private void CreateSaveStateTrigger(RadDock dock)
    {
        //Ensure that the RadDock control will initiate postback
        // when its position changes on the client or any of the commands is clicked.
        //Using the trigger we will "ajaxify" that postback.
        dock.AutoPostBack = true;
        dock.CommandsAutoPostBack = true;

        AjaxUpdatedControl updatedControl = new AjaxUpdatedControl();
        updatedControl.ControlID = "Panel1";

        AjaxSetting setting1 = new AjaxSetting(dock.ID);
        setting1.EventName = "DockPositionChanged";
        setting1.UpdatedControls.Add(updatedControl);

        AjaxSetting setting2 = new AjaxSetting(dock.ID);
        setting2.EventName = "Command";
        setting2.UpdatedControls.Add(updatedControl);

        RadAjaxManager1.AjaxSettings.Add(setting1);
        RadAjaxManager1.AjaxSettings.Add(setting2);
    }

    private void LoadUserWidgets()
    {
        Widget widget = new Widget();
        string radDockID;
        string displayName;
        string settingString;

        List<DockState> _currentDockStates = widget.GetCurrentDockStates((Session[TCSessionConst.SessionFrmDefault_XpoUser] as XpoUser).KeyID, DebugFormName);
        XPCollection widgetSettingsObjectsByUserLevel = widget.getWidgetSettingsObjectsByUserLevel((Session[TCSessionConst.SessionFrmDefault_XpoUser] as XpoUser).Userrole);

        Boolean _doContinue;
        foreach (XPOWidgetSettings _widgetSetting in widgetSettingsObjectsByUserLevel)
        {
            _doContinue = false;
            radDockID = _widgetSetting.Oid.ToString();
            displayName = _widgetSetting.DisplayName;
            settingString = _widgetSetting.Settings;

            foreach (DockState _ds in _currentDockStates)
            {
                if (_ds.UniqueName == radDockID)
                    _doContinue = true;
            }
            if (_doContinue) continue;
            RadDock dock = CreateRadDock(radDockID, displayName, settingString);
            //find the target zone and add the new dock there

            //adding the dock to the docklayout and then docking it to the zone to avoid ViewState issues on subsequent postback
            RadDockLayout1.Controls.Add(dock);

            dock.Dock(DZCenter);

 

            CreateSaveStateTrigger(dock);

            //Load the selected widget in the RadDock control
            dock.Tag = _widgetSetting.AscxFile;
            LoadWidget(dock);
        }
    }

    private void LoadWidget(RadDock dock)
    {
        string siteUrl = TCFramework.TCConfigSettings.HostUrlGroups + Session[TCSessionConst.SessionFrmDefault_SelGroup];
        string userName = (Session[TCSessionConst.SessionFrmDefault_XpoUser] as XpoUser).Username;
        string password = (Session[TCSessionConst.SessionFrmDefault_XpoUser] as XpoUser).GetPassword();
        string ascxFile = "";
        string settings = "";

        string oId = dock.UniqueName;

        Widget widget = new Widget();
        XPOWidgetSettings xpoWidgetSettings = widget.getWidgetSettingsObjectById(oId);

        ascxFile = xpoWidgetSettings.AscxFile;
 settings = xpoWidgetSettings.Settings;

        Control widgetControl = LoadControl(ascxFile);
        if (widgetControl != null)
         dock.ContentContainer.Controls.Add(widgetControl);
    }

    private void CreateDocksFromStateDB()
    {
        Widget _widget = new Widget();
        List<DockState> _currentDockStates = _widget.GetCurrentDockStates((Session[TCSessionConst.SessionFrmDefault_XpoUser] as XpoUser).KeyID, DebugFormName);
        for (int i = 0; i < _currentDockStates.Count; i++)
        {
            RadDock dock = CreateRadDockFromState(_currentDockStates[i]);
            dock.Visible = !_currentDockStates[i].Closed;
            RadDockLayout1.Controls.Add(dock);

            //We want to save the dock state every time a dock is moved.

            if (dock.Visible) CreateSaveStateTrigger(dock);
        }
    }

 

    protected void Page_Init(object sender, EventArgs e)
    {
        CreateDocksFromStateDB();
    }

    protected void Page_Load(object sender, EventArgs e)
    {
        foreach (RadDock _rd in RadDockLayout1.RegisteredDocks)
            try
            {
                LoadWidget(_rd);
            }
            catch
            {
                //error in loading widget _rd.
            }

        if (!IsPostBack)
        {
            LoadUserWidgets();
        }
    }


Default.aspx

    <div>
        <telerik:RadDockLayout ID="RadDockLayout1" runat="server"
            onloaddocklayout="RadDockLayout1_LoadDockLayout"
            onsavedocklayout="RadDockLayout1_SaveDockLayout">
            <table width="100%" cellpadding="12px">
                <tr>
                    <td width="25%" valign="top">
                        <telerik:RadDockZone ID="DZLeft" runat="server" BackColor="#BFDBFF"
                            ForeColor="#BFDBFF">
                        </telerik:RadDockZone>
                    </td>
                    <td width="50%" valign="top">
                        <telerik:RadDockZone ID="DZCenter" runat="server" BackColor="#BFDBFF"
                            Visible="True" ForeColor="#BFDBFF">
                        </telerik:RadDockZone>
                    </td>
                    <td width="25%" valign="top">
                        <telerik:RadDockZone ID="DZRight" runat="server" BackColor="#BFDBFF"
                            ForeColor="#BFDBFF">
                        </telerik:RadDockZone>
                    </td>
                </tr>
            </table>
        </telerik:RadDockLayout>
    </div>
    <div style="width: 0px; height: 0px; overflow: hidden; position: absolute; left: -10000px;">
        Hidden UpdatePanel, which is used to help with saving state when minimizing, moving
        and closing docks. This way the docks state is saved faster (no need to update the
        docking zones).
        <asp:UpdatePanel runat="server" ID="UpdatePanel1">
        </asp:UpdatePanel>
    </div>