Questions on UI for ASP.NET AJAX Forum

3 answers

153 views

RadEditor with large text display problems on iOS devices

On our website we are using the RadEditor control to allow site visitors to enter rich formatted text.

If somebody visits our site using safari on an iOS device, the RadEditor control does not display correctly.If you look at the image.png attachment, you can see how the editor text is being overlayed over all controls on the page, instead of expanding and pushing the controls down the page.

I was using 2012 Q1, and upgraded to 2013 Q1, and the issue remains.
The iOS device i am using is running the latest vesion 6.1.3

I am not doing anything special with the control on the page:

<radE:RadEditor id=fldAssessmentPlanningInformation Runat="server"

Content="<%# this.CurrentPlanningInfo.AssessmentPlanningInformationText %>" ToolsFile="~/Resources/RadControls/Editor/planAndEvidence.xml"></

radE:RadEditor>

Obviously, using a desktop browser, IE, Chrome, Safari, Firefox, the RadEditor control displayes correctly.

I installed chrome for iOS, and it has the same display image problems.

In the image attached it is using html, but even if you enter plain text, the control is not being displayed correctly.

While doing various testing, I disabled javascript on safari. Then the controls all displayed correctly except no text was displayed, so it leaves me thinking that there is an issue in how the controls to be displayed are being built up.

If anybody has come across this and has a solution, greatly appreciated.

Darren

Editor

answered on 21 May 2013

3 answers

107 views

Transferring dock

Hi,

I have a requirement. There are two zones. On button click from client side, can I transfer the complete dock set to another zone?

Thanks,
Joseph.

Dock

answered on 21 May 2013

2 answers

139 views

[Solved] Manual Edit checkbox not in Hashtable

I would like to do a manual edit of a listview.

I am looking at the Hashtable values and I do not see my checkbox key/value pairs.

I have a checkbox field in the EditITemTemplate called getsMail. I am just displaying the values in a literal for now. textboxes and comboboxes show fine. But I need the checkbox values.

protected void RadListView1_ItemUpdating(object sender, RadListViewCommandEventArgs e)

{

RadListViewEditableItem editedItem = (RadListViewEditableItem)e.ListViewItem;

Hashtable newValues = new Hashtable();

editedItem.ExtractValues(newValues);

StringBuilder sb = new StringBuilder();

foreach (DictionaryEntry entry in newValues)

{

sb.Append("key: " +entry.Key + " Val: " + entry.Value);

}

Literal1.Text = sb.ToString();

}

thanks, Marty

ListView

answered on 21 May 2013

3 answers

93 views

Footer sum and pagination

Hi,

I have a problem with RadGrid. I have two pages and on each of them is placed RadGrid, they are both set exactly the same in markup, but one of them counts sum in footer row just for the current page and the other one counts it for all pages.

How do I make the RadGrid counts sum in footer row for all pages all the time?

Thanks,

Patrik

Grid

answered on 21 May 2013

6 answers

188 views

Online Examples: Minimize Zone

Hi,

I think you should add an example of your Minimize Zone feature to your online examples. This is a very cool feature, so why not show it off?

Cheers,
Brad

Window

answered on 21 May 2013

1 answer

229 views

Non Modal child radwindow inside parent radwindow

Hi

We have a RadWindow with few controls in it. On a ButtonClientClick event we want to (in Javascript) open a child window that is
1) a radWindow
2) is non-modal to allow focus on parent window whild child window is visible and is on top
3) allow the child window to be dragged outside the parent window.

I can only achieve either 1) and 2) OR 3) but not all.
====================================================================================================

w = window.showModelessDialog(

url, "NewWindow", "status:true; dialogWidth: 380px; dialogHeight: 200px;", '');
-- gives me a non-modal window but cannot be dragged outside the parent window.

====================================================================================================

====================================================================================================

w = GetRadWindow().BrowserWindow.radopen(url, "NewWindow");
-- creates a non-RadWindow which is modal but can be dragged outside the parent.

How do I create a child window that has all 3 properties?

Thanks
Raka

====================================================================================================

General Discussions

answered on 21 May 2013

1 answer

100 views

In Place Edit Mode On RowDbclick ,when user changes Row data we Update Record.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .rgHoveredRow
        {
            background-color: #7EB6FF !important;
            background-image: none !important;
            color: White;
        }
    </style>
    <telerik:RadCodeBlock ID="radCode1" runat="server">
    <script type="text/javascript">
        function RowDblClick(sender, eventArgs) {
            sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());
        }

        function RowClick(sender, eventArgs) {
            if (editedRow && hasChanges) {
                hasChanges = false;
                if (confirm("Update changes?")) {

                    $find("<%= RadGrid1.ClientID %>").get_masterTableView().updateItem(editedRow);
                }
            }
        }



        function TrackChanges(e) {
            hasChanges = true;
        }
        </script>
        </telerik:RadCodeBlock>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadGrid1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadGrid ID="RadGrid1" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource" >
            <MasterTableView DataKeyNames="idGcTable" AutoGenerateColumns="false" EditMode="InPlace">
                <ColumnGroups>
                    <telerik:GridColumnGroup HeaderText="c3" Name="c3" HeaderStyle-HorizontalAlign="Center">
                        <HeaderStyle HorizontalAlign="Center"></HeaderStyle>
                    </telerik:GridColumnGroup>
                    <telerik:GridColumnGroup HeaderText="c4" Name="c4" HeaderStyle-HorizontalAlign="Center">
                        <HeaderStyle HorizontalAlign="Center"></HeaderStyle>
                    </telerik:GridColumnGroup>
                </ColumnGroups>
                <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
                <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
                </RowIndicatorColumn>
                <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column"
                    Created="True">
                </ExpandCollapseColumn>
                <Columns>
                    <telerik:GridTemplateColumn UniqueName="c1" HeaderText="c1">
                        <ItemTemplate>
                            <%#Eval("c1")%>
                        </ItemTemplate>
                        <EditItemTemplate>
                        <telerik:RadTextBox ID="editc1" runat="server"   Text='<%#Eval("c1")%>'></telerik:RadTextBox>
                        </EditItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="c2" HeaderText="c2">
                        <ItemTemplate>
                            <%#Eval("c2")%>
                        </ItemTemplate>
                        <EditItemTemplate>
                           <telerik:RadTextBox ID="editc2" runat="server"   Text='<%#Eval("c2" )%>'></telerik:RadTextBox>

                        </EditItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="c31" HeaderText="c31" ColumnGroupName="c3">
                        <ItemTemplate>
                            <%#Eval("c31")%>
                        </ItemTemplate>
                        <EditItemTemplate>
                        <telerik:RadTextBox ID="editc31" runat="server"   Text=' <%#Eval(" c31") %>'></telerik:RadTextBox>

                        </EditItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="c32" HeaderText="c32" ColumnGroupName="c3">
                        <ItemTemplate>
                            <%#Eval("c32")%>
                        </ItemTemplate>
                        <EditItemTemplate>
                        <telerik:RadTextBox ID="editc32" runat="server"   Text=' <%#Eval("c32")%>'></telerik:RadTextBox>

                        </EditItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="c41" HeaderText="c41" ColumnGroupName="c4">
                        <ItemTemplate>
                            <%#Eval("c41")%>
                        </ItemTemplate>
                        <EditItemTemplate>
                        <telerik:RadTextBox ID="editc41" runat="server"   Text='<%#Eval("c41")%>'></telerik:RadTextBox>

                        </EditItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="c42" HeaderText="c42" ColumnGroupName="c4">
                        <ItemTemplate>
                            <%#Eval("c42")%>
                        </ItemTemplate>
                        <EditItemTemplate>
                        <telerik:RadTextBox ID="editc42" runat="server"   Text=' <%#Eval("c42 ")%>'></telerik:RadTextBox>

                        </EditItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn UniqueName="c5" HeaderText="c5">
                        <ItemTemplate>
                            <%#Eval("c5")%>
                        </ItemTemplate>
                        <EditItemTemplate>
                        <telerik:RadTextBox ID="editc5" runat="server"   Text='<%#Eval("c5")%>'></telerik:RadTextBox>

                        </EditItemTemplate>
                    </telerik:GridTemplateColumn>
                </Columns>
                <EditFormSettings>
                    <EditColumn FilterControlAltText="Filter EditCommandColumn column" ButtonType="LinkButton" UpdateText="Your Update columnb" CancelText="Cancel" >
                    </EditColumn>
                </EditFormSettings>
                <PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>
            </MasterTableView>
            <ClientSettings EnableRowHoverStyle="true" >
            <ClientEvents OnRowDblClick="RowDblClick" OnRowClick="RowClick" />
            </ClientSettings>
            <PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>
            <FilterMenu EnableImageSprites="False">
            </FilterMenu>
        </telerik:RadGrid>
    </div>
    </form>
</body>
</html>

In the above code when user user double click on Row ...I am display data In Edit mode.but no update or cancel button are there in my grid .

1.when user change the data of row and user went out of the row ,I want to display the Rad alert based on yes ,I want to update the changes ... and also click on some other row based on previous changes ....he is not in same row i am to display the rad alert ,asking for the updation.

this is my requirement any one please help me.

General Discussions

answered on 21 May 2013

1 answer

50 views

Parent window gets resized in IE9

I have a strange bug where if i click to open the window, it opens the modal and the parent window gets resized according to the width and height i had entered in the radwindowmanager controls.

If i remove these sizes then i don't get this bug. No problem in chrome etc just IE.

I am using the Twitter Bootstrap framework and it would seem the popup is triggering the responsive CSS which should only kick in on certain screen sizes.

If i remove this CSS then i don't have this bug but really i need this to be in place. Has anyone ever encountered this before?

S

Window

answered on 21 May 2013

1 answer

88 views

IE10 and radmenu issues

I am having issues with IE 10 and the RadMenu as menu items are not showing when you hover over them - well, they are but they seem to be hiding somewhere (you can see them slide out almost!). in IE9 and earlier including compat mode works just fine but not in IE10 or even IE10 compat mode.

any ideas how I can fix this? This is my code:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<asp:Literal runat="server" ID="litUserLoggedInDetails" />

</div><br />

<telerik:RadMenu runat="server" ID="RadMenuItems" Height="40px" Width="100%" ForeColor="White">

</telerik:RadMenu>

I am populating items from codebehind:

foreach (var parent in menuItemsResponse.Menus)
{
RadMenuItem parentMenuItem = new RadMenuItem(parent.MenuName, parent.PageURL);

this.RadMenuItems.Items.Add(parentMenuItem);
}

General Discussions

answered on 21 May 2013

4 answers

405 views

RadGrid Open Popup "Add New" Form and Pouplate TextBox

Hello,

I've looked throughout this forum, but I was not able to find the answer to my problem.

I am tasked to open the EditMode of a RadGrid in the codebehind for a webform to add a new item and this is what I use:

RadGrid1.MasterTableView.InsertItem();

The "EditMode" of the RadGrid is set to "PopUp", and the code above works just fine. It opens the popup form if I were to put the code above in the click event of a button or Page_Load, for example.

My problem is that I have to send a value to an ASP text box in a databound template column within this popup "Edit" form from another page, but I'm unable to gain access to the template Item's text box on the popup edit form.

So, basically the steps would be like so:
1- the user clicks a link on a separate page, and either through session or querytring a value is sent to the page that contanins my RadGrid1.
2- the page containing the RadGrid1 opens, and the popup edit form is already open with the text of the querystring or session variable visible within the "AnnouncementsTextBox" textbox.

How do I go about populating the text box in the popup edit form?

Any help would be very much appreciated.

Here's the code for the template column:

<Columns>

<telerik:GridTemplateColumn DataField="Announcements" UniqueName="AnnouncementsText">

<EditItemTemplate>