Questions on UI for ASP.NET AJAX Forum

7 answers

169 views

Rad Ajax Panel not rendering properly on Editing

I am using Telerik Ajax tools in my project. Recently we upgraded the .NET Ajax tools to the latest 2012.3.1308.35 product version. One issue is pertaining to a single page. It is the improper rendering of the Ajax Panel on edit mode. The page looks somewhat like this :

<RadAjaxPanel ....>
    <asp:FormView...... >
        <Header Template >
                User control with certain controls as Edit, Save, Toggle, etc.
        </Header Template>
        <Item Template>
            <Label... />
        </ Item Template >
        <Edit Item Template >
            <Custom Validator... />
                <asp:Button />
            <Rad Editor... /> (It uses the same internal Rad Editor Skin )
         < / Edit Item Template >
    </ Form View>
< / RadAjaxPaneI>

It has two such above mentioned sections. In ReadOnly Mode, the page looks fine but when the FormView is changed to Edit mode for the FIRST TIME, the entire panel becomes too wide to be enclosed within the screen, all the save, edit etc buttons on the right top corner of the panel is not visible as the panel extends invariably towards the right. We have a toggle button on the left top corner which minimises or maximises the panel ( by default panel is maximised ). After this, if we minimise the panel and maximize again, everything becomes fine and takes the correct positions with proper width and visible buttons. Later any number of edits wold not affect anyway and will show proper result.

As I mentioned above, we have two panel sections. This happens for the panel (only one time) which is pushed into edit mode FIRST after the rendering of the page. The other section which is edited second works properly at all times. Even after multiple refreshing of the page, this erroneous behaviour remains the same.

Please help me with this.

Ajax

answered on 19 Apr 2013

1 answer

127 views

select a row on checkbox column click from client side

Hi
How can I select a row on checkbox column click from client side. Please post a viable solution.
thanks
Allen

Grid

answered on 19 Apr 2013

1 answer

76 views

Date : Auto-formatting

Our QA posted this : Date formatting: When ‘04162013’ is entered, the field will auto-format the entry to reflect ‘04/16/2013’. If ‘0416/2013’ or ‘04/162013’ is entered….the field flags the entry as an error and will not auto-format

Is there anything I can do using JavaScript and such ?

Calendar

answered on 19 Apr 2013

1 answer

84 views

hide filter row on editing radgird

Hi
How can I hide filter row on editing radgird. thanks for your reply in advance
Savyo

Grid

answered on 19 Apr 2013

1 answer

95 views

Problem with ServerSide Click Event in Azure

I am getting this error is Azure only. When running locally the program executes as expected. Any thoughts?

SCRIPT5022: Sys.WebForms.PageRequestManagerServerErrorException: An unknown error occurred while processing the request on the server. The status code returned from the server was: 500

Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3ac9cbdec3-c810-4e87-846c-fb25a7c08002%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%3aen-US%3abcbc5876-5d5e-4774-955e-2ecda3d55cd3%3a16e4e7cd%3af7645509%3a22a6274a%3aed16cbdc, line 15 character 16485

Here is the ASPX

<form id="dsxWeb_Login" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="loginClicked">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="loginMessage"/>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadCodeBlock ID="cb1" runat="server">

<script type="text/javascript">

function invokeAjax()

{

try

{

var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");

ajaxManager.ajaxRequest();

}

catch (err)

{

alert(err);

}

</script>

</telerik:RadCodeBlock>

<div id="login">

<div id="loginLogo"></div>

<div id="loginProducts">

<ul>

<li><input type="checkbox" id="chkLoginFM" runat="server"/>Forecast Management</li>

<li><input type="checkbox" id="chkLoginRP" disabled="disabled" runat="server" />Requirements Planning (Coming Soon...)</li>

</ul>

</div>

<div id="loginForm">

Username:<br />

<input id="txtUsername" class="loginInput" runat="server"/><br /><br />

Password: <br />

<input id="txtPassword" class="loginInput" type="password" runat="server"/><br />

<input type="button" ID="btnLogin" onClick="invokeAjax(); return false;" Value="Login" />

<br />

</div>

<div id="loginMessage" runat="server"><strong>Please enter login credentials.</strong></div>

</div>

</form>

General Discussions

answered on 19 Apr 2013

2 answers

244 views

telerik skins not recognized by visual studio designer

using visual studio 2012 professional update 2 and Telerik RadControls for ASP.NET AJAX VSExtensions Package v2013.1.219.
I created a RadControls application and in the wizard, i set the default skin to Office2010Blue. i got the Telerik.Web.UI.Skins assembly automatically referenced. Whenever i use a telerik control, i cannot set any skin other than the default in the designer, if i open the drop down to select one i get a message that says : " No skins assembly found. To use the built-in skins, please add a reference to Telerik.Web.UI.Skins.dll or copy it to the Bin folder of your application and reload the solution in visual studio.

please advise

General Discussions

answered on 19 Apr 2013

3 answers

82 views

Issue with telerik RadGrid with Internet Explorer 9.0

Hi,

we have radgrid which contains a checkbox for all rows in the grid, On checking and unchecking, checkbox, a text box is updated. textbox is located outside the radgrid.

lets say the there are 10 results displayed in grid, on checking 4 checkboxes, text box will display the count 4.

while double clicking or fast clicking the checkbox in the radgrid, value in textbox increments or decrements out of control.

is there an issue with radgrid and IE9 compatibility ?

Everything works well in other versions of IE ( 7& 8) and also in other browsers.

thanks
Abdul Rahman.

Grid

answered on 19 Apr 2013

1 answer

154 views

pup-up div with radgrid add record command

trying to get more into javascript and not doing postbacks if I do not have to. What I am tring to figure out is how to show a div that is my information to insert on the radgrid add new record command. cant do inside of the grid as I have a jquery autocomplete that does not play nice. So how can I pop up a div in javascript on the click o fthe radgrid insert new record.

Protected Sub myRadGrid_InsertCommand(sender As Object, e As GridCommandEventArgs) Handles myRadGrid.InsertCommand

End Sub

Protected Sub myRadGrid_ItemCommand(sender As Object, e As GridCommandEventArgs) Handles myRadGrid.ItemCommand

If (e.CommandArgument = "Up") Then

ScriptManager.RegisterStartupScript(Page, Page.GetType(), Guid.NewGuid().ToString(), " document.getElementById('divOut').style.display='block';", True)

ScriptManager.RegisterStartupScript(Page, Page.GetType(), Guid.NewGuid().ToString(), " document.getElementById('tblAdmin').style.display='block';", True)

End If

End Sub

<table class="ConsultGrid">

<tr>

<td>

<telerik:RadGrid ID="myRadGrid" runat="server" Width="100%" Skin="Web20" >

<MasterTableView AutoGenerateColumns="false" Font-Size="10" DataKeyNames="intAdminId" CommandItemDisplay="Top">

<HeaderStyle ForeColor="White" Font-Bold="true" HorizontalAlign="Center" />

<ItemStyle HorizontalAlign="Center"/>

<AlternatingItemStyle BackColor="#B0C4DE" HorizontalAlign="Center" />

<Columns>

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn"></telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="Name" HeaderText="NAME" />

<telerik:GridTemplateColumn>

<ItemTemplate>

<asp:LinkButton ID="lnkChange" runat="server" CommandArgument='<%# Bind("intAdminId")%>' CommandName="Up" Text="Add"></asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="ADMIN">

<ItemTemplate>

<asp:CheckBox ID="cbADmin"

Checked='<%# IIf(DataBinder.Eval(Container.DataItem, "bitProgramAdmin") Is DBNull.Value, False, Eval("bitProgramAdmin"))%>' runat="server" Enabled="false" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="MEPS ADMIN">

<ItemTemplate>

<asp:CheckBox ID="cbMepsAdmin"

Checked='<%# IIf(DataBinder.Eval(Container.DataItem, "bitMepsAdmin") Is DBNull.Value, False, Eval("bitMepsAdmin"))%>' runat="server" Enabled="false" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="ACTIVE">

<ItemTemplate>

<asp:CheckBox ID="cbActivate"

Checked='<%# IIf(DataBinder.Eval(Container.DataItem, "bitActive") Is DBNull.Value, False, Eval("bitActive"))%>' runat="server" Enabled="false" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

</td>

</tr>

</table>

<div class="happy" runat="server" id="divOut" style="display:none">

</div>

<table class="windows" runat="server" id="tblAdmin" style="display:none">

<tr>

<td style="text-align:right">Enter Admin: </td>

<td>

<asp:TextBox ID="txtname" runat="server" Width="260px"></asp:TextBox><asp:HiddenField ID="HFId" runat="server" />

</td>

</tr>

<tr>

<td style="height:5px"></td>

</tr>

<tr>

<td style="text-align:right">Program Admin: </td>

<td> <asp:CheckBox ID="cbAdmin" runat="server" /></td>

</tr>

<tr>

<td style="height:5px"></td>

</tr>

<tr>

<td style="text-align:right">MEPS Admin: </td>

<td> <asp:CheckBox ID="cbMepsAdmin" runat="server" /></td>

</tr>

<tr>

<td style="height:5px"></td>

</tr>

<tr>

<td style="text-align:right">Active: </td>

<td><asp:CheckBox ID="cbActive" runat="server" /></td>

</tr>

<tr>

<td></td>

<td>

<asp:LinkButton ID="lnkSubmit" runat="server" Text="Submit"></asp:LinkButton>

<asp:LinkButton ID="lnkCancel" runat="server" CausesValidation="false" CommandName="Cancel" Text="Cancel"></asp:LinkButton>

</td>

</tr>

<tr>

<td style="height:8px"></td>

</tr>

</table>

Grid

answered on 19 Apr 2013

22 answers

230 views

Resource Attributes not serializing

Hi,

I have my scheduler binded through web service. This part was working ok in the Q2 but then I updated to the Q3 and it's not working properly anymore.

I add an Attribute to my resources, say "X" for example and in the get resources from the web service I do the following:

Resource.Attributes["X"] = 1

when I get this Resource in the scheduler all the attributes dissapear. I don't know if that's normal or not. I use attributes to send extra information on the appointments and it works fine.

any ideas? is it a bug? or a normal behaviour? As I told you it was working fine for the Q2. This attribute [NonSerializedInControlState] may be preventing it from serialize?

regards,

jose

Scheduler

answered on 19 Apr 2013

12 answers

455 views

[Solved] RadGrid OnCmmand event for dynamically created LinkButton

I have added LinkButton dynamically. Everything is coming properly like style and related attributes. But OnCommand For LinkButton not triggering and if click on link button which i have been added it disappears. From UI. And Event Listener not triggering properly.
Please Suggest me.
Here my code
protected void Aspx_RadGrid_ItemDataBound(object sender, GridItemEventArgs e)
        {
             if (e.Item is GridDataItem)
           {
                 GridDataItem zitem = (GridDataItem)e.Item;
                HtmlGenericControl zobjSpanLabel = (HtmlGenericControl)e.Item.FindControl("span_StoryLabels_IceBox");
                  LinkButton zobjLableLinkButton = new LinkButton();
                        zobjLableLinkButton.Text ="Test";
                        zobjLableLinkButton.Command += new CommandEventHandler(GetThingsRelatedToEntity);
                        zobjLableLinkButton.CommandArgument = "1234";
                        zobjLableLinkButton.CommandName = "";
                        zobjLableLinkButton.Attributes.Add("style", "text-decoration:none;color: #006633;cursor: pointer;font-family: arial,sans-serif;font-size: 12px;");
                        zobjLableLinkButton.CssClass = "stroylabels";
                        zobjSpanLabel .Controls.Add(zobjLableLinkButton);
}

protected void GetThingsRelatedToEntity(object sender, CommandEventArgs e)
{
//My Code Here
}

Thanks in advance.

Grid

answered on 19 Apr 2013