Questions on UI for ASP.NET AJAX Forum

14 answers

239 views

Hi. We've recently upgraded to version 2010_3_1109 from the Q2 version and the advanced form seems to be partially hidden. Controls like RadTextBox and regular ASP buttons seem okay. But it looks like the whole container is hidden behind the "faded" style that is applied when entering a modal form. I've tried setting ZIndex on the advanced form property but nothing happens. We use a custom advanced form which is in an ASCX that is basically a table with textboxes. I've also attached a screen. Thanks.

Daniel

<telerik:RadScheduler ID="rsCalendar" runat="server" Skin="Vista" DataEndField="end_date"

DataKeyField="id" DataSourceID="sdsCalendar" DataStartField="start_date" DataSubjectField="subject"

CustomAttributeNames="location" SelectedView="MonthView" DataDescriptionField="details"

DataRecurrenceField="recurrence_rule" DataRecurrenceParentKeyField="recurrence_rule_parent_id"

EnableDescriptionField="true" EnableCustomAttributeEditing="true" AppointmentStyleMode="Default"

OnAppointmentDelete="rsCalendar_AppointmentDelete" OnAppointmentInsert="rsCalendar_AppointmentInsert"

OnAppointmentUpdate="rsCalendar_AppointmentUpdate" OnAppointmentCreated="rsCalendar_AppointmentCreated"

DayStartTime="07:00:00" DayEndTime="19:00:00" FirstDayOfWeek="Monday" LastDayOfWeek="Friday"

Culture="en-AU" OnClientFormCreated="schedulerFormCreated" Height="100%" StartInsertingInAdvancedForm="true">

<AdvancedForm Modal="true" ZIndex="10005" />

<AdvancedEditTemplate>

<scheduler:AdvancedForm runat="server" ID="AdvancedEditForm1" Mode="Edit" Subject='<%# Bind("subject") %>'

Description='<%# Bind("description") %>' Start='<%# Bind("start") %>' End='<%# Bind("end") %>'

Location='<%# Bind("location") %>' />

</AdvancedEditTemplate>

<AdvancedInsertTemplate>

<scheduler:AdvancedForm runat="server" ID="AdvancedInsertForm1" Mode="Insert" Subject='<%# Bind("subject") %>'

Description='<%# Bind("description") %>' Start='<%# Bind("start") %>' End='<%# Bind("end") %>'

Location='<%# Bind("location") %>' />

</AdvancedInsertTemplate>

</telerik:RadScheduler>

<script type="text/javascript">

//<![CDATA[

// Dictionary containing the advanced template client object

// for a given RadScheduler instance (the control ID is used as key).

var schedulerTemplates = {};

function schedulerFormCreated(scheduler, eventArgs) {

// Create a client-side object only for the advanced templates

var mode = eventArgs.get_mode();

if (mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert ||

mode == Telerik.Web.UI.SchedulerFormMode.AdvancedEdit) {

// Initialize the client-side object for the advanced form

var formElement = eventArgs.get_formElement();

var templateKey = scheduler.get_id() + "_" + mode;

var advancedTemplate = schedulerTemplates[templateKey];

if (!advancedTemplate) {

// Initialize the template for this RadScheduler instance

// and cache it in the schedulerTemplates dictionary

var schedulerElement = scheduler.get_element();

var isModal = scheduler.get_advancedFormSettings().modal;

advancedTemplate = new window.SchedulerAdvancedTemplate(schedulerElement, formElement, isModal);

advancedTemplate.initialize();

schedulerTemplates[templateKey] = advancedTemplate;

// Remove the template object from the dictionary on dispose.

scheduler.add_disposing(function() {

schedulerTemplates[templateKey] = null;

});

}

// Are we using Web Service data binding?

if (!scheduler.get_webServiceSettings().get_isEmpty()) {

// Populate the form with the appointment data

var apt = eventArgs.get_appointment();

var isInsert = mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert;

advancedTemplate.populate(apt, isInsert);

}

function hideActiveToolTip() {

var tooltip = Telerik.Web.UI.RadToolTip.getCurrent();

if (tooltip) {

tooltip.hide();

}

Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequestHandler);

function beginRequestHandler(sender, args) {

var prm = Sys.WebForms.PageRequestManager.getInstance();

if (args.get_postBackElement().id.indexOf('rsCalendar') != -1) {

hideActiveToolTip();

}

function clientBeforeShow(sender, eventArgs) {

w = $telerik.$(window).width() / 2;

h = $telerik.$(window).height() / 2;

if ((sender._mouseX > w) && (sender._mouseY > h)) {

sender.set_position(Telerik.Web.UI.ToolTipPosition.TopLeft);

return;

}

if ((sender._mouseX < w) && (sender._mouseY > h)) {

sender.set_position(Telerik.Web.UI.ToolTipPosition.TopRight);

return;

}

if ((sender._mouseX > w) && (sender._mouseY < h)) {

sender.set_position(Telerik.Web.UI.ToolTipPosition.BottomLeft);

return;

}

sender.set_position(Telerik.Web.UI.ToolTipPosition.BottomRight);

}

function openRadWindowTrainingDates() {

var oWnd = radopen("/teams/hr/training.aspx");

oWnd.add_close("OnClientClose");

oWnd.Center();

}

function ClientClicked() {

window.location.href = "/teams/hr/corporate_training_calendar/add_content/";

}

function ToolbarOnClientButtonClicked(sender, args) {

var button = args.get_item();

if (button.get_text() == "Show Training Courses") {

var oWnd = radopen("/teams/hr/training.aspx");

oWnd.add_close("OnClientClose");

oWnd.Center();

}

//]]>

</script>

Scheduler

answered on 24 Sep 2014

2 answers

293 views

[Solved] making html table row invisible in editform mode

Hi,

I have a radgrid and in editform mode I have define a table with rows and columns. For some grouping condition in the radgrid I want to make a row invisible. I try in the itemcommand or itemdatabound using Table mytable=<>.findcontrol("tableID") as Table; and for example myTable..Rows[0].Visible = false; and but I see myTable is alway null....

Grid defintion
<telerik:RadFormDecorator Runat="server"></telerik:RadFormDecorator>
<telerik:RadAjaxLoadingPanel Runat="server" Skin="Default"></telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxManager runat="server">
    <ajaxsettings>
        <telerik:AjaxSetting AjaxControlID="DocWerkVAftekenGrid">
            <updatedcontrols>
                <telerik:AjaxUpdatedControl ControlID="DocWerkVAftekenGrid" UpdatePanelCssClass="" LoadingPanelID="RadAjaxLoadingPanel1"/>
            </updatedcontrols>
        </telerik:AjaxSetting>
    </ajaxsettings>
</telerik:RadAjaxManager>
<asp:Label ID="WerkVoorraad" runat="server" BackColor="#3399FF" Height="30px" Text="Aftekenen Verrichtingen" Width="100%"></asp:Label>
<telerik:RadGrid ID="DocWerkVAftekenGrid" runat="server" AutoGenerateColumns="False" OnItemDataBound="DocWerkVAftekenGrid_ItemDataBound" OnUpdateCommand="DocWerkVAftekenGrid_UpdateCommand" OnNeedDataSource="DocWerkVAftekenGrid_NeedDataSource" OnItemCommand="DocWerkVAftekenGrid_ItemCommand" >
    <exportsettings>
        <pdf pagewidth="">
        </pdf>
    </exportsettings>
    <ClientSettings Selecting-AllowRowSelect="true" AllowKeyboardNavigation="true" EnablePostBackOnRowClick="true">
       <Selecting AllowRowSelect="True"></Selecting>
       <scrolling allowscroll="True" usestaticheaders="True" />
   </ClientSettings>
   <mastertableview DataKeyNames="docent_id, patient_id, blok_id, str_vcrowid">
                                <GroupByExpressions>
                                   <telerik:GridGroupByExpression>
                                       <GroupByFields>
                                           <telerik:GridGroupByField FieldName="verrichting"></telerik:GridGroupByField>
                                       </GroupByFields>
                                       <SelectFields>
                                           <telerik:GridGroupByField FieldName="verrichting" HeaderText="AftekenSoort"></telerik:GridGroupByField>
                                       </SelectFields>
                                   </telerik:GridGroupByExpression>
                               </GroupByExpressions>
       <Columns>
            <telerik:GridEditCommandColumn UniqueName="EditContactColumn"/>
           <telerik:GridHyperLinkColumn AllowSorting="False" DataNavigateUrlFields="patient_id" DataNavigateUrlFormatString="http://localhost/EPDBehandelApp/Behandeling.aspx?PatientID={0}" DataTextField="patient_id" DataTextFormatString="Behandelkaart" FilterControlAltText="Filter behandelkaart column" Text="Behandelkaart" UniqueName="behandelkaart" Target="_blank">
                <ItemStyle Font-Bold="True" />
            </telerik:GridHyperLinkColumn>
            <telerik:GridBoundColumn DataField="blokcode" FilterControlAltText="Filter blokcode column" HeaderText="Blok code" UniqueName="blokcode">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="patient" FilterControlAltText="Filter patient column" HeaderText="Patient" UniqueName="patient">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="behandelaar" FilterControlAltText="Filter student column" HeaderText="Student" UniqueName="student">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="doorlooptijd" FilterControlAltText="Filter doorlooptijd column" HeaderText="Duur/dag" UniqueName="doorlooptijd">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="verrichting_naam" FilterControlAltText="Filter verrichting_naam column" HeaderText="Verrichting" UniqueName="verrichting_naam">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="verrichting_code" FilterControlAltText="Filter verrichting_code column" HeaderText="Code" UniqueName="verrichting_code">
            </telerik:GridBoundColumn>
            <telerik:GridButtonColumn DataTextField="elementcode" FilterControlAltText="Filter elementcode column" HeaderText="Element" UniqueName="elementcode">
            </telerik:GridButtonColumn>
            <telerik:GridBoundColumn DataField="vlakcodes" FilterControlAltText="Filter vlakcodes column" HeaderText="Vlak" UniqueName="vlakcodes">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="docent_id" Display="False" FilterControlAltText="Filter docent_id column" HeaderText="DocentID" UniqueName="docent_id">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="patient_id" Display="False" FilterControlAltText="Filter patient_id column" HeaderText="PatientID" UniqueName="patient_id">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="blok_id" Display="False" FilterControlAltText="Filter blok_id column" HeaderText="BlokID" UniqueName="blok_id">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="str_vcrowid" Display="False" FilterControlAltText="Filter blok_id column" HeaderText="VRowID" UniqueName="str_vcrowid">
            </telerik:GridBoundColumn>
        </Columns>
           <EditFormSettings EditFormType="Template">
               <FormTemplate>
                   <table ID="AftekenTable" cellspacing="20" border="0" rules="none" >
                       <tr ID="eenheid">
                           <td>Eenheid</td>
                           <td><telerik:RadComboBox ID="EenheidComboBox" DataTextField="CODE_OMS" DataValueField="CODE_OMS" runat="server" /></td>
                       </tr>
                       <tr ID="score">
                           <td>Score</td>
                           <td>
                                    <asp:TextBox ID="ScoreTextBox" runat="server" Text='<%# Bind("score") %>' runat="server"/>
                           </td>
                       </tr>
                        <tr>
                            <td>Vervanger</td>
                            <td>
                               <asp:CheckBox ID="TmpDocDefCheckBox" runat="server" Enabled="True" />
                            </td>
                        </tr>
                        <tr>
                            <td>Administratief</td>
                            <td>
                               <asp:CheckBox ID="AdminCheckBox" runat="server" Enabled="True" />
                            </td>
                        </tr>
                        <tr>
                           <td>Opmerking</td>
                           <td>
                                <asp:TextBox ID="OpmTextBox" runat="server" runat="server"/>
                            </td>
                       </tr>
                       <tr>
                            <td>
                                <asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
                                    runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'/>
                            <td> <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel"/></td>
                       </tr>
                   </table>
               </FormTemplate>
           </EditFormSettings>

    </mastertableview>
</telerik:RadGrid>

        protected void DocWerkVAftekenGrid_ItemDataBound(object sender, GridItemEventArgs e)
        {

            if (e.Item is GridEditFormItem && e.Item.IsInEditMode && !(e.Item is GridEditFormInsertItem))
            {
                GridEditFormItem editForm = e.Item as GridEditFormItem;
                RadComboBox tlist = editForm.FindControl("EenheidComboBox") as RadComboBox;
                tlist.Items.Clear();
                tlist.DataSource = EPDDatasets.GetCodeList("CMS_CODES", "Eenheden");
                tlist.DataBind();
                Table AftekenTabl = editForm.FindControl("AftekenTable") as Table;
                if (AftekenTabl != null) <--- But it is always null !!!
                AftekenTabl.Rows[0].Visible = false;
            }

        }

        protected void DocWerkVAftekenGrid_ItemCommand(object sender, GridCommandEventArgs e)
        {
            if (e.CommandName == "Edit")
            {
             GridEditableItem editedItem = e.Item as GridEditableItem;
             Table AftekenTabl = editedItem.FindControl("AftekenTable") as Table;
             if (AftekenTabl != null) <-- also null thus not working....
                 AftekenTabl.Rows[0].Visible = false;

            }

        }

How can I achieve that the row "eenheid"and "score"is invisible when group column is equal to some condtion?

Thanks in advance,

Henk

Grid

answered on 24 Sep 2014

1 answer

98 views

Sum on the grouped header

Hi

We like to show the sum on the header, do you think is possible?

Thanks

Regards
Avery

Grid

answered on 24 Sep 2014

1 answer

84 views

HTMLChart, Reporting and suggestions

Ignore me for what might be a really stupid question but just curious about functionality/options in general. I'm working on a project where I've been able to produce some very complex graphs using RadHtmlChart and place them into an online report. My customer has asked if there is a way to "export" the contents of the page to a Word Document.

So I've spent some time with the Reporting tools and the graphs don't look like anything I can produce in the reporting tools (these graphs have multiple line, candlestick and even a bar chart all within one graph). Is there any existing process to export/save a RadHtmlChart to PDF/Word? Follow-up question, I see on the road map that "Full-blown integration with all controls is expected in Q3" with the Telerik Document Processing Library. Would this new functionality give me the ability to create a word document with a RadHtmlChart within it?

Sorry for the vague'ish question and not 100% sure this is the right place to put it.

Thanks,

Richard

General Discussions

answered on 24 Sep 2014

3 answers

163 views

Enabling Shadow causes transparent title bar on inactive window

I'm implementing an MDI interface similar to your demo, but I'm not using the window manager (it was causing problems addressed in other thread). I just upgraded to Q2 2011, and now the title bar on my inactive windows are transparent. If I turn the shadow off, I don't have the problem.

Of course, I really like the shadows. It sets the windows off very nicely.

Can you please look into this?

Thank you.

Window

answered on 24 Sep 2014

1 answer

83 views

Problem with Safari 7.1?

Since the release of Safari 7.1, I've noticed that a NumericTextBox won't hold focus. Anyone else with this issue?

Input

answered on 24 Sep 2014

1 answer

125 views

Problem clearing RadDatePicker inside RadGrid using JavaScript

Hi, I am trying to clear RadDatePicker which is inside RadGrid, if checkbox is selected using JavaScript. Visually it does seem to clear it but, but if I move cursor there again, the value is there. I am aware of the clear() method, but when I select the control using jquery and try to invoke clear method, i get error message as this method doesn’t exist? May be I am not selecting the RadDatePicker right way? Any idea?

Grid

answered on 24 Sep 2014

1 answer

274 views

UpdatePanel implementation in Telerik [Need help]

Hello,

I am new to telerik controls & I want to use telerik control equivalent to updatepanel. I have an update panel with 4 dropdowns[please find below code block] . On Page load, the Coach Team and Player Team dropdownlist is properly loaded. On either of the dropdowns selectedindex change, the corresponding Coach name or player name does not load and the list is empty after writing the server side code for the same.Please guide me in the right way to acheive this.

body>

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

<div>

<asp:UpdatePanel ID="upnl1" runat="server" UpdateMode="Always">

<ContentTemplate>

<table style="margin-left:10px; margin-right:10px; width:85%;" class="tbltxtalign">

<tr style="height:50px;">

<td>Coach Team's Name</td>

<td>

<telerik:RadDropDownList ID="rddlcteamname" runat="server" Width="230" AutoPostBack="True" DefaultMessage="Coach Team">

</telerik:RadDropDownList>

<asp:RequiredFieldValidator ID="rfvcteamname" runat="server" ControlToValidate="rddlcteamname" ErrorMessage="Coach Team Name">*</asp:RequiredFieldValidator>

</td>

<td>Player's Team</td>

<td>

<telerik:RadDropDownList ID="rddlpteamname" runat="server" Width="230" AutoPostBack="True" DefaultMessage="Player Team">

</telerik:RadDropDownList>

<asp:RequiredFieldValidator ID="rfvpteamname" runat="server" ControlToValidate="rddlpteamname" ErrorMessage="Player Team name">*</asp:RequiredFieldValidator>

</td>

</tr>

<tr style="height:50px;">

<td>Coach Name</td>

<td>

<telerik:RadDropDownList ID="rddlcfullname" runat="server" Width="230" AutoPostBack="True" DefaultMessage="Coach Name">

</telerik:RadDropDownList>

<asp:RequiredFieldValidator ID="rfvcfullname" runat="server" ControlToValidate="rddlcfullname" ErrorMessage="Select Coach">*</asp:RequiredFieldValidator>

</td>

<td>Player Name</td>

<td>

<telerik:RadDropDownList ID="rddlpfullname" runat="server" Width="230" AutoPostBack="True" DefaultMessage="Player Name">

</telerik:RadDropDownList>

<asp:RequiredFieldValidator ID="rfvpfullname" runat="server" ControlToValidate="rddlpfullname" ErrorMessage="Select Player">*</asp:RequiredFieldValidator>

</td>

</tr>

</table>

</ContentTemplate>

</asp:UpdatePanel>

</div>

</form>

</body>

Thank You in Advance !,

~J

Ajax

answered on 24 Sep 2014

1 answer

190 views

Telerik tooltip floating when page size changes

Hi,

I am using telerik tooltip in my application with many web pages. It works perfectly fine for the web pages with less height. However for a few pages which have more height and have scrolling bars, tooltip floats around and does not stick to its target control. For example, even if the target control is on top of the page, tooltip shows at the bottom of the page where the user can even see the target control. Is there a way we can set position of tooltip to fixed on top of the target control ?

My code :
<asp:TextBox ID="tbtest" BorderColor="White" BorderWidth="0px" placeholder="My first name"
runat="server" AutoCompleteType="Disabled" CssClass="textboxStyle" ></asp:TextBox>
<telerik:RadToolTip runat="server" HideEvent="ManualClose" ShowEvent="FromCode" Width="150px"
Position="TopCenter" RelativeTo="Element" IsClientID="true" TargetControlID="tbtest" OnClientShow="OnClientShow"
ID="tbtestToolTip" Height="50 px" EnableEmbeddedSkins="false" Skin="MyCustomSkin" ClientIDMode="Static" >
<div>
Testing message here.
</div>
</telerik:RadToolTip>

ToolTip

answered on 24 Sep 2014

2 answers

66 views

Filter with dropdownlist for grid that is in ajaxpanel, filter causes script error

Im working off this example,
http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/filtering/basic-filtering/defaultcs.aspx

The only difference is that my grid is inside an ajaxpanel. Everything is getting loaded correctly, the dropdowns are populated, but when I make a selection in the dropdown, there is a script error generated and the filter is not performed. Do I need to disable ajax on the request somehow as in the example for the grid export?

http://localhost:59456/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;System.Web.Extensions,+Version=4.0.0.0,+Culture=neutral,+PublicKeyToken=31bf3856ad364e35:en-US:fa6755fd-da1a-49d3-9eb4-1e473e780ecd:ea597d4b:b25378d2;Telerik.Web.UI,+Version=2014.2.724.45,+Culture=neutral,+PublicKeyToken=121fae78165ba3d4:en-US:6915a8c2-c063-435a-ab31-d2d2285652a6:16e4e7cd:f7645509:24ee1bba:2003d0b8:f46195d3:88144a7a:1e771326:e524c98b:ed16cbdc:6b3f73b3:58366029:ccd65cf8:aa288e2d:258f1c72:e330518b:c128760b:c8618e41:e4f8f289:1a73651d:333f8d94

0x800a139e - Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Selection out of range

Parameter name: value

Grid

answered on 24 Sep 2014