Questions on UI for ASP.NET AJAX Forum

2 answers

240 views

[Solved] Adjusting the Position of a RadWindow

As the attached screenshot shows, I've successfully employed multiple RadWindows in my ASP.NET 4.0 app. Functionally they work really well. However, do you notice that the little "Add New Stockpile" dialog box is shifted all the way over to the left of its "parent" RadWindow. This looks a bit peculiar.

Is there a way for me to shift the initial position over to the right? I played around with "OffsetElementID" but it didn't seem to do anything.

Robert

Window

answered on 19 Aug 2013

2 answers

158 views

Grid Controls inside EditFormTemplate

I have a Parent grid that is editable with multiple controls in its <FormTemplate> and one of them is another Grid that is also editable. I cant seem to find the control inside the child Grid when it is in edit mode with JavaScript.

So i have a button that sets the date to another control in the child Grid. Function runs but cant even find the child Grid, therefore its controls.

function OnClientClickedSetDateToday(sender, args) {

var myGrid = $find('<%= RadGridMaster.ClientID%>').get_masterTableView().get_editItems()[0].findControl('RadGridSub');

}

the variable myGrid is always NULL.Once it is found can i find the controls the same way?

function OnClientClickedSetDateToday(sender, args) {

// find the RadDateTimePicker inside the Child grid in the EditFormTemplate of the Parent Grid EditFormTemplate

var myRadDateTimePicker = $find('<%= RadGridMaster.ClientID%>').get_masterTableView().get_editItems()[0].findControl('RadGridSub').get_masterTableView().get_editItems()[0].findControl

('RadDateTimePickerTodayDate');

// need to set current date

var myTodayDate = new Date();

myRadDateTimePicker.set_selectedDate(myTodayDate);

}

code for Grids - need to find that RadDateTimePickerTodayDate control! Thanks!!!

<telerik:RadGrid runat="server" ID="RadGridMaster" Height="100%" Width="97%" AllowMultiRowSelection="false" AutoGenerateColumns="True" ShowHeader="False" AllowAutomaticUpdates="false" AllowAutomaticInserts="false">

<MasterTableView CommandItemDisplay="Top" NoMasterRecordsTex......

<%-- Edit form parent template --%>

<EditFormSettings EditFormType="Template">

.........

<telerik:RadGrid runat="server" ID="RadGridSub">

<MasterTableView CommandItemDisplay="Top" NoMasterRecordsT.......

                                    <EditFormSettings EditFormType="Template" ColumnNumber="2">

                                        <FormTemplate>

                                          .........

						<telerik:RadButton runat="server" ID="RadButtonSetDateToday" OnClientClicked="OnClientClickedSetDateToday"....

						<telerik:RadDateTimePicker runat="server" ID="RadDateTimePickerTodayDate" MinDate="1/1/190...

Grid

answered on 19 Aug 2013

1 answer

102 views

Customizing Advanced Form. Adding Custom Controls

Hello

I used the tutorial to create my own custom template for the Advanced Form for inserting and updating appointments in the Scheduler.

One of the resources I have are various a patient that a doctor can schedule an appointment for. This resource is really big so its inefficient putting it in a comboBox and scrolling. Instead I added a RadGrid with filtering so a person can search for a patient easier. I wanted to add code on the selectIndexchanged that would set the subject as the patient selected and also select the appropriate value in the ComboBox based on PatientID. The postback code however doesn't do anything and it just stays empty. Does anyone know how I can get that working or could make a suggestion on a more efficient way to handle this scenario?

Thanks in advance!

Edit: forgot to post the code I did so far

AdvancedForm.ascx -->added this code in this form

<table>

<tr>

<td>Search Patient:

</td>

</tr>

<tr>

<td>

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" CellSpacing="0"

DataSourceID="SqlDataSourceAllPats" GridLines="None" AllowFilteringByColumn="True" AllowPaging="True"

EnableLinqExpressions="False" Width="600px" OnSelectedIndexChanged="RadGrid1_SelectedIndexChanged">

<MasterTableView Width="600px" DataSourceID="SqlDataSourceAllPats" AutoGenerateColumns="False" DataKeyNames="Account_Number" ClientDataKeyNames="Account_Number">

<CommandItemSettings ExportToPdfText="Export to PDF" />

<Columns>

<telerik:GridButtonColumn HeaderText="" Text="Select" CommandName="Select" />

<telerik:GridBoundColumn FilterControlAltText="Filter Account_Number column" HeaderText="Acct No"

UniqueName="AcctNo" DataField="Account_Number" AutoPostBackOnFilter="true" CurrentFilterFunction="StartsWith"

ShowFilterIcon="false"

EmptyDataText="" Visible="true" ItemStyle-Width="60px" HeaderStyle-Width="60px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter FirstName column" HeaderText="First Name"

UniqueName="FirstName" DataField="FirstName" EmptyDataText="" AutoPostBackOnFilter="true" CurrentFilterFunction="StartsWith"

ShowFilterIcon="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter LastName column" HeaderText="Last Name"

UniqueName="LastName" DataField="LastName" EmptyDataText="" AutoPostBackOnFilter="true" CurrentFilterFunction="StartsWith"

ShowFilterIcon="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter Birthdate column" HeaderText="Date of Birth"

UniqueName="Birthdate" DataField="Birthdate" EmptyDataText="" DataFormatString="{0:MM/dd/yyyy}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter SSN column" HeaderText="SSN"

UniqueName="SSN" DataField="SSN" EmptyDataText="" AutoPostBackOnFilter="true" CurrentFilterFunction="StartsWith"

ShowFilterIcon="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter Address column" HeaderText="Address"

UniqueName="Address" DataField="Address" EmptyDataText="">

</telerik:GridBoundColumn>

</Columns>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True">

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<ClientSettings>

<Scrolling AllowScroll="true"></Scrolling>

</ClientSettings>

</telerik:RadGrid>

</td>

</tr>

</table>

<asp:SqlDataSource ID="SqlDataSourceAllPats" runat="server"

ConnectionString="<%$ ConnectionStrings:kcMedic_Central_Connection %>"

SelectCommand="sp_patientList" SelectCommandType="StoredProcedure">

<SelectParameters>

<asp:SessionParameter DefaultValue="C002" Name="SITE_ID_LNK" SessionField="SiteId" Type="String" />

</SelectParameters>

</asp:SqlDataSource>

Code-behind:

protected void RadGrid1_SelectedIndexChanged(object sender, EventArgs e)

{

string KeyID = (RadGrid1.SelectedItems[0] as GridDataItem).GetDataKeyValue("Account_Number").ToString();

string name = (RadGrid1.SelectedItems[0] as GridDataItem)["FirstName"].Text.Trim() + " " +

(RadGrid1.SelectedItems[0] as GridDataItem)["LastName"].Text.Trim();

(ResPatient.FindControl("ResourceValue") as RadComboBox).SelectedValue = KeyID;

Subject = name;

this.SubjectText.Text = name;

this.SubjectText.ReadOnly = true;

}

Scheduler

answered on 19 Aug 2013

4 answers

334 views

RadDocks that are initially collapsed

Hi,
I have a series of RadDocks sitting inside of a RadDockZone.
Since upgrading to 2013.2.717.40 from 2013.1.417.40 I have been experiencing the following issue.
On Page Load I have the Tools and Favourites Docks expanded and the others (such as Duty) set to collapsed="true"

When I click the expand icon on these initially collapsed Docks the expand icon changes to a collapse one but it does not open (screenshot 1)
However if I remove the collapsed="false" so that the dock starts expanded I can open and close it without issue (screenshot 2)

Are there any known issues with this release?
I attempted to check this on your demos site but conveniently enough in all demos none of the docks appear to start off collapsed.

Regards,
Matt

Dock

answered on 19 Aug 2013

9 answers

453 views

Setting the initial value of the textbox in RadUpload?

Perhaps I'm just missing something obvious, but is it possible to set the initial value of the textbox in a RadUpload control? I want it to display the filename of the existing file the upload would replace, but I can't find anything in the API that exposes the textbox's value.

Thanks,
Ryan

Upload (Obsolete)

answered on 19 Aug 2013

3 answers

156 views

Nested splitter with margin control overlap

My code looks like this

RadSplitter
   - RadPane Scrolling=none id=ParentPane
      - div style="margin: 10px"
         - RadTab
         - RadMultiPage height=350px
            -RadPageView
               -RadSplitter height=350px
                    -RadPane
                    -RadPane

The last RadSplitter/Panes in that nesting are running beyond the bounds of their parent and getting cropped (assume the cropping is because I have scrolling set to none) If I remove the margin: 10 and use padding instead it does the same thing ... overlaps. If I remove the margin/padding of 10px it fits fine ... Im just trying to create some space between the boundary of the ParentPane and the tab/multipage the tabs and pages seem to be respecting the boundary as I set background colors and they fit the space fine but the nested panes are overlapping. I want the widths to be flexible not fixed.

Splitter

answered on 19 Aug 2013

1 answer

179 views

OnClientSearch Get Value

I have the following SearchBox defined:

<telerik:RadSearchBox ID="radSBKeywords" runat="server" Skin="MetroTouch" OnClientSearch="Search_ClientSearch" DataValueField="HREF" DataTextField="Name" DataKeyNames="Name,HREF">

<WebServiceSettings Path="../../WebServices/Telerik_WS.asmx" Method="GetSearchItems" />

<DropDownSettings Height="300">

<HeaderTemplate>

<b><a href="javascript:ClickSearchButton();">See All Results or Choose Below</a></b>

</HeaderTemplate>

<ClientTemplate>

<span class="searchText">#= Type # - #= Name #</span>

</ClientTemplate>

</DropDownSettings>

</telerik:RadSearchBox>

When i hit the OnClientSearch event i want to get the value that being selected from the dropdown. Currently i can not get any data out of the get_text, get_value functions. How do i get the value out of the selection?

SearchBox

answered on 19 Aug 2013

2 answers

128 views

Export Multiple RadGrids in single Excel File - Biff Format

Hi,

I have read the following threads:

http://www.telerik.com/community/code-library/aspnet-ajax/grid/multiple-worksheets-in-excelml.aspx
http://www.telerik.com/community/code-library/aspnet-ajax/grid/export-multiple-radgrids-in-single-pdf-excel-file.aspx

But when trying to export using these methods I get the:
"The file you are trying to open, '[filename]', is in a different format than specified by the file extension. Verify that the file is not corrupted and is from a trusted source before opening the file. Do you want to open the file now?"

Now I know that when I get this message I need to use the Binary Excel format Biff. The problem is that when you use the Biff format the above examples no longer work. Is there a way of exporting multiple RadGrids to a single Excel file with multiple Worksheets using the Biff format.

Any help would be very much appreciated. Thank you.

Kind regards

Trevor Pope

Grid

answered on 19 Aug 2013

1 answer

138 views

RadAjaxLoadingPanel position not centered to RadGrid

I have the radgrid reduced to width of 70% but when postback (like sorting, paging) the loadingpanel loads to 100% of the width which causes to overflow over the size of the RAdGrid (like shadowing outside the radgrid)
how to do I fix it.?

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1">

<telerik:RadGrid ID="RadGrid1" runat="server" AllowSorting="True" AllowPaging="True" PageSize="5" GridLines="Horizontal" HeaderStyle-Font-Bold="true">

<PagerStyle Mode="NextPrevAndNumeric" PageSizeControlType="RadComboBox"></PagerStyle>

</telerik:RadGrid>

</telerik:RadAjaxPanel>