Questions on UI for ASP.NET AJAX Forum

1 answer

132 views

Hi,

I'm working with KendoUI on the front end, and following some of their "default" way of doing things (that means using their DataSource object), I request data from a MVC WebAPI controller with a GET.

The request looks like :

filter[logic]                   And
filter[filters][0][field]        Description
filter[filters][0][operator]   StartWith
filter[filters][0][value]       $20
page                           1
pageSize                       10
skip                           0
take                           10

I had tried so many ways to read the filters but all in vain.

Can anyone help/advice me how to map these query-strings into an object?

Thanks a lot.

Filter

answered on 28 Mar 2016

1 answer

526 views

ASP.NET MVC Grid change color of row

I am trying to build an offline app with telerik grids. I am using grid with inline editing

.Editable(editable => editable.Mode(GridEditMode.InLine))

Now i want to check, before of after the save attempt was made (actually it would be a lot better before, but i couldnt manage that with inline editing, so I am waiting for the result from the controller), if there is an internet connection, and if not to save the data in the localstorage and change the color of the row to indicate that this entry has not been saved to the server. I have tried to use the onChange on the datasource and check if the "sync" button is pressed.

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(10)

.Model(model => model.Id(p => p.Nr))

.Events(events => events.Change("onChange"))

.Create(update => update.Action("Service_Create", "Service"))

.Update(update => update.Action("Service_Update", "Service"))

.Read(read => read.Action("Service_Read", "Service").Data("ServiceSearchparameter"))

)

function onChange(e) {

if (e.action == 'sync') {

var tr = $(e.target).closest("tr"); //get the row

tr.addClass("offlineElement");

}

When I do it like that, nothing is happening, I checked the sourcecode and the class "offlineElement" is not being added to the tr

Is there something I am missing ?

P.S Sorry for posting here, since I am using the trial version, I am not allowed to post on ASP.NET MVC forum

Grid

answered on 28 Mar 2016

1 answer

125 views

Share on Facebook

hello every body ,

i'm using telerik:RadSocialShare in webpage TitleToShare work fine with twitter and linked in , but with facebook it share webpage footer ,

please any advice , here telerik control

<telerik:RadSocialShare RenderMode="Lightweight" ID="RadSocialShare3" runat="server"
Width="240" >
<MainButtons>
<telerik:RadSocialButton CustomIconWidth="46" CustomIconHeight="46" CustomIconUrl="images/icons/ico-fb.png"
SocialNetType="ShareOnFacebook" TitleToShare="شارك معنا وساعدنا في فهم التحديات والفرص الأساسية التي تواجه توظيف الشباب في قطاع تكنولوجيا المعلومات والاتصالات. كيف ترى التحديات والفرص الحالية؟ وكيف تتخيل المستقبل في هذا القطاع؟ اجابتك سوف تساعدنا لاستكشاف مسارات المستقبل المحتملة للشباب في هذا القطاع. مشاركتكم أساسية لمحاولة الوصول إلى المستقبل الذي نطمح اليه والتحضير للتحديات المصاحبة له."
CssClass="sshCustomCircleFB"></telerik:RadSocialButton>
<telerik:RadSocialButton CustomIconWidth="46" CustomIconHeight="46" CustomIconUrl="images/icons/ico-tw.png"
SocialNetType="ShareOnTwitter" CssClass="sshCustomCircleTwitter"></telerik:RadSocialButton>
<telerik:RadSocialButton CustomIconWidth="46" CustomIconHeight="46" CustomIconUrl="images/icons/ico-li.png"
SocialNetType="LinkedIn" CssClass="sshCustomCircleLinkdedIn"></telerik:RadSocialButton>
</MainButtons>
</telerik:RadSocialShare>

Regards ,

SocialShare

answered on 28 Mar 2016

3 answers

531 views

How to filter DateTime column only by date

I have a column in grid which is of " DateTime " data type. I have default filtering set ON for the grid and the code for the column goes like this :
                    <telerik:GridBoundColumn UniqueName="OrderDate" DataField="OrderDate" HeaderText="Ordered on"
                        CurrentFilterFunction="EqualTo" ShowFilterIcon="False" AutoPostBackOnFilter="True"
                        DataFormatString="{0:MM/dd/yy}" DataType="System.DateTime">
                        <ItemStyle HorizontalAlign="Right" />
                        <HeaderStyle HorizontalAlign="Right" Width="65px" />
                    </telerik:GridBoundColumn>

And the grid is showing all the columns perfectly as expected. For the above code the grid shows only the date in the column but not the time. But, I want to filter the column only by date and not by date time. As when I serach only by date, the filter results with no records for a particular date, as the time(for the provided date) does not match when I do not provide it(I think it takes the default time "00:00:00.000"). I am unable to achieve this. Please help me out.

Thanks.

Grid

answered on 28 Mar 2016

1 answer

47 views

RadEditor get_html() clearing

Hi

I have a radeditor in which text from word is copied has   between tags which acts as spacing between two paraghraphs.

But when I use get_html via js, it scrubs this ' ' from the text, due to which the spacing between paraghraphs is cleared.

I am attaching word text for reference

Dear Tammy,

The internal audit department is currently involved in a quality assurance review (QAR) that will continue through September 12, 2014.The internal audit standards require an external review of the internal audit activity every five years. The QAR is designed to assess Internal Audit’s conformance with the standards of the auditing profession and its effectiveness in providing assurance & consulting services to the Company’s board of directors, senior leaders, and other interested parties.

We acknowledge the time constraints with your busy schedules, but would greatly appreciate your completion of this survey. The survey results will go directly to Protiviti and your response will be kept confidential. Internal Audit will only be provided the summarized results.

If you have any questions regarding the process, please feel free to contact Sean Humphreys at Thank you in advance for participating in the QAR and helping continuously improve the effectiveness of the internal audit function.

Thank You
Protiviti

Editor

answered on 28 Mar 2016

1 answer

69 views

Replacing ajax:DragPanelExtender with Telerik Radwindow

At the current my website is using ajax:DragPanelExtender to show my grid data as a popup, and now I want to replace it with Telerik RadWindow to consistent with the UI of the website.

BUT, I still have not found a way to do it. Because ajax:DragPanelExtender is server-side while Radwindow is Client-side.
Is there any way that can solve my problem?

Please give me an advice.

Scenario: In my website, there is a button named "mybutton". When I hit it, ajaxToolkit:ModalPopupExtender will be shown my data under a popup.
Here is the code in my *.ascx file:

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

<ajaxToolkit:ModalPopupExtender runat="server"

ID="myModalPopupExtender"

TargetControlID="myHiddenControl"

BehaviorID="programmaticModalPopup"

PopupControlID="myPanel"

BackgroundCssClass="modalBackground"

DropShadow="True"

RepositionMode="RepositionOnWindowScroll"

DynamicServicePath=""

Enabled="True">

</ajaxToolkit:ModalPopupExtender>

<asp:Panel runat="server"

CssClass="modalPopup"

ID="myPanel"

Style="width: 440px; height: 500px; padding: 10px;" meta:resourcekey="Resource2">

<div>

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<table>

</table>

</ContentTemplate>

</asp:UpdatePanel>

</div>

</asp:Panel>

And here is vb code

Protected Sub mybutton_Click(ByVal sender As Object, ByVal e As EventArgs) Handles mybutton.Click

myModalPopupExtender.Show()

End Sub

General Discussions

answered on 28 Mar 2016

1 answer

237 views

Scroll to the selected item

I'm following this page: http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/functionality/scrolling/how-to/scrolling-to-the-selected-item

but the scroll remains at the top of the grid...

Here is my .aspx page:

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" RenderMode="Auto" AllowSorting="False" GroupingEnabled="false" AllowPaging="False" OnNeedDataSource="RadGrid1_OnNeedDataSource" Skin="Metro" OnItemDataBound="RadGrid1_OnItemDataBound" AllowFilteringByColumn="False">

<MasterTableView AllowNaturalSort="false">

<Columns>

<telerik:GridBoundColumn HeaderText="" UniqueName="Position" HeaderStyle-Width="40px">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn ItemStyle-CssClass="gridImage" HeaderStyle-Width="43px">

<ItemTemplate>

<%# getImage(Container.DataItem) %>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Pseudo" HeaderText="Pseudo" UniqueName="Pseudo" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Points" HeaderText="Points" UniqueName="Points" HeaderStyle-Width="70px">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings ReorderColumnsOnClient="false" AllowColumnsReorder="false">

<Virtualization EnableVirtualization="false" InitiallyCachedItemsCount="100"

LoadingPanelID="RadAjaxLoadingPanel1" ItemsPerView="20" />

<Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="300px" />

<Resizing AllowColumnResize="false" />

<ClientEvents OnGridCreated="GridCreated" />

</ClientSettings>

</telerik:RadGrid>

<script type="text/javascript">

function GridCreated(sender, eventArgs) {

//gets the main table scrollArea HTLM element

var scrollArea = document.getElementById(sender.get_element().id + "_GridData");

var row = sender.get_masterTableView().get_selectedItems()[0];

//if the position of the selected row is below the viewable grid area

if (row) {

if ((row.get_element().offsetTop - scrollArea.scrollTop) + row.get_element().offsetHeight + 20 > scrollArea.offsetHeight) {

//scroll down to selected row

scrollArea.scrollTop = scrollArea.scrollTop + ((row.get_element().offsetTop - scrollArea.scrollTop) +

row.get_element().offsetHeight - scrollArea.offsetHeight) + row.get_element().offsetHeight;

}

//if the position of the the selected row is above the viewable grid area

else if ((row.get_element().offsetTop - scrollArea.scrollTop) < 0) {

//scroll the selected row to the top

scrollArea.scrollTop = row.get_element().offsetTop;

}

</script>

I select the 50th row in the RadGrid1_OnItemDataBound event handler.

In the browser, in debug mode, it goes in the GridCreated function, and at the end scrollArea.scrollTop is set to 2440 ; but the scroll remains at the top of the grid...

What's wrong?

Grid

answered on 25 Mar 2016

1 answer

48 views

USerControlForm Widthe is not correct

I have a user control form set for editing and adding records but the form data fields are off the form hard to explain so I have attached a screen shot. Looks like I need to increase the width of the form but all of my attempts to that have no effect. Can any one explain what I am missing? Not sure what properties I need to change and I hate to do it but below is the code I use for this grid

<body>

<div></div>

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

<div>

<asp:Label ID="Label1" runat="server" Text="Search Case Nunber: "></asp:Label> <asp:TextBox ID="txtSearchBox" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" Text="Go" OnClick="Button1_Click" /><br /><br />

</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"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="ConfiguratorPanel">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Windows7"></telerik:RadAjaxLoadingPanel>

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecorationZoneID="Grid" DecoratedControls="All" EnableRoundedCorners="false" />

<div id="Grid" class="Grid-container">

<telerik:RadGrid ID="RadGridInvestigations"

runat="server"

AutoGenerateColumns="False"

AllowPaging="True"

AllowSorting="True"

AllowAutomaticInserts="True"

OnNeedDataSource="RadGridInvestigation_NeedDataSource"

OnItemCreated="RadGridInvestigation_ItemCreated"

OnUpdateCommand="RadGridInvestigation_UpdateCommand"

OnInsertCommand="RadGridInvestigation_InsertCommand"

Font-Size="Large">

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

<MasterTableView

EditMode="PopUp"

AutoGenerateColumns="false"

DataKeyNames="CaseID"

GridLines="Horizontal"

CommandItemDisplay="Top"

NoMasterRecordsText="No Records matched your search return to the search page and try again." ShowFooter="False">

<EditFormSettings>

<PopUpSettings Modal="False"/>

</EditFormSettings>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton"></telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="CaseID" HeaderText="Case ID" ReadOnly="true" ForceExtractValue="Always" ConvertEmptyStringToNull="true" Display="false" UniqueName="CaseID" />

<telerik:GridBoundColumn DataField="CaseNumber" HeaderText="CaseNumber" UniqueName="CaseNumber" ReadOnly="false" Display="false"/>

<telerik:GridHyperLinkColumn FilterControlAltText ="Filter CaseNumber column"

Uniquename="CaseNumber" DataNavigateUrlFormatString ="~/InvWithTips.aspx?CaseNumber={0}"

DataTextField="CaseNumber" HeaderText="Case Number"

DataNavigateUrlFields="CaseNumber"

SortExpression="CaseNumber" HeaderStyle-Wrap="false" >

</telerik:GridHyperLinkColumn>

<telerik:GridBoundColumn DataField="CaseName" HeaderText="Name" SortExpression="CaseName"

UniqueName="CaseName" Display="True">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="InvestigativeUnit" HeaderText="Unit Assigned" SortExpression="InvestigativeUnit"

UniqueName="InvestigativeUnit" HeaderStyle-Wrap="True">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PrimaryContact" HeaderText="PrimaryContact" SortExpression="PrimaryContact"

UniqueName="PrimaryContact">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PrimaryContactEmail" HeaderText="PrimaryContactEmail" SortExpression="PrimaryContactEmail"

UniqueName="PrimaryContactEmail">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PrimaryContactPhone" HeaderText="Primary Phone" SortExpression="PrimaryContactPhone"

UniqueName="PrimaryContactPhone">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SecondaryContact" HeaderText="2nd Contact" SortExpression="PrimaryContact"

UniqueName="SecondaryContact">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SecondaryEmail" HeaderText="2nd Email" SortExpression="SecondaryEmail"

UniqueName="SecondaryEmail">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SecondaryPhone" HeaderText="2nd Phone" SortExpression="SecondaryPhone"

UniqueName="SecondaryPhone">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DateOpened" HeaderText="DateOpened" SortExpression="DateOpened"

UniqueName="DateOpened" DataFormatString="{0:dd/MM/yyyy}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Status" HeaderText="Status" SortExpression="Status"

UniqueName="Status">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DateClosed" HeaderText="DateClosed" SortExpression="DateClosed"

UniqueName="DateClosed" DataFormatString="{0:dd/MM/yyyy}">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings UserControlName="InvestigationDetailsControl.ascx" EditFormType="WebUserControl" PopUpSettings-Width="400px">

<EditColumn UniqueName="EditCommandColumn1" ></EditColumn>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

</div>

<telerik:RadInputManager runat="server" ID="RadInputManager1" Enabled="true">

<telerik:TextBoxSetting BehaviorID="TextBoxSetting1">

</telerik:TextBoxSetting>

</telerik:RadInputManager>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" />

</form>

</body>

Any help would be great

Thanks

Perry

Grid

answered on 25 Mar 2016

4 answers

124 views

Hierarchy grid edit, update and delete

I have a hierarchy grid that has 6 detail tables. All the data for the grid is bound in code behind.

I need to create custom insert, edit and delete templates for each of the detail tables. The information I have found has the datasource client side. I need information to create these server side.

Grid

answered on 25 Mar 2016

3 answers

167 views

RadStyleSheetManager and .NET themes

Is it possible to use .NET themes with RadStyleSheetManager?

When I use a RadStyleSheetManager to combine my external stylesheets, it places the WebResource file AFTER the .NET themes stylesheet in the Head tag, with the result that the theme I'm trying to apply from the App_Themes folder is overridden by the base styles in the external stylesheets combined by the Telerik control. As in:

<head>

</head>

Is there a way to get the StyleSheetManager to place its webresource file before the .NET themes file?

Thanks

ScriptManager and StyleSheetManager

answered on 25 Mar 2016