Questions on UI for ASP.NET AJAX Forum

3 answers

126 views

RadGrid Hide Column, Swap Column state not persist

Hi,

I create a web user control to store the gridpreference. when i try to get the gridstate , i am able to get for pagesize, groupby expression,sort expressions fine. but issue is column swap and hide settings not stored in the grid state. i used GridPersister class to save the settings and load the settings. so what is the issue in store the hide, swap column settings.

Grid

answered on 09 Sep 2014

5 answers

141 views

Update after close window but not vCard

Currently have a RadGrid that contains user information which they can click to edit the record or click on a button to download the vCard. I would like it to refresh the grid after the user has closed the window. However I do not need it to refresh if they click to download the vCard. Can't seem to have it both ways at this time. Any suggestions? Tried removing the "Ajax" refresh but not positive it was working properly.

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

<script type="text/javascript">

function onRequestStart(sender, args) {

if (args.get_eventTarget().indexOf("vCard") >= 0)

args.set_enableAjax(false);

}

function ShowEditForm(id, rowIndex) {

var grid = $find("<%= _gridContacts.ClientID%>");

var rowControl = grid.get_masterTableView().get_dataItems()[rowIndex].get_element();

grid.get_masterTableView().selectItem(rowControl, true);

window.radopen("Contacts.aspx?Contact_ID=" + id, "UserListDialog");

return false;

}

function ShowInsertForm() {

window.radopen("Contacts.aspx", "UserListDialog");

return false;

}

function RowDblClick(sender, eventArgs) {

window.radopen("Contacts.aspx?Contact_ID=" + eventArgs.getDataKeyValue("Contact_ID"), "UserListDialog");

}

function refreshGrid(arg) {

if (!arg) {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("Rebind");

}

else {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("RebindAndNavigate");

}

</script>

</telerik:RadCodeBlock>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="_gridContacts" LoadingPanelID="gridLoadingPanel"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="_gridContacts" LoadingPanelID="gridLoadingPanel"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel runat="server" ID="gridLoadingPanel"></telerik:RadAjaxLoadingPanel>

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

<ContentTemplate>

<telerik:RadGrid ID="_gridContacts" runat="server" AutoGenerateColumns="False" CellSpacing="0" GridLines="None"

AllowMultiRowEdit="False" HeaderStyle-Font-Bold="true">

<MasterTableView CommandItemDisplay="None" DataKeyNames="Contact_ID" ClientDataKeyNames="Contact_ID">

<HeaderStyle Font-Bold="True" />

<Columns>

<telerik:GridTemplateColumn UniqueName="TemplateEditColumn">

<HeaderStyle Width="20px"></HeaderStyle>

<ItemTemplate>

<asp:HyperLink ID="EditLink" runat="server" Text="Edit">

<img style="border:0px;vertical-align:middle;" alt="" src="/Images/Edit.png"/>

</asp:HyperLink>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn DataTextFormatString="Select {0}"

ButtonType="ImageButton" UniqueName="vCard" HeaderText=" "

ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center"

ImageUrl="/images/vcard-icon.png" CommandName="VCard">

<HeaderStyle Width="40px"></HeaderStyle>

</telerik:GridButtonColumn>

<telerik:GridTemplateColumn UniqueName="FullName" HeaderText="Name">

<ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "first_name")%> <%# DataBinder.Eval(Container.DataItem, "last_name")%>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderText="Title" UniqueName="Title" FilterControlAltText="Filter column column" DataField="Title">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Phone" UniqueName="Phone1" FilterControlAltText="Filter column column" DataField="Phone1">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="Contact_Email" HeaderText="Contact Email">

<ItemTemplate>

<a href="mailto:<%# DataBinder.Eval(Container.DataItem, "Contact_Email")%>"><%# DataBinder.Eval(Container.DataItem, "Contact_Email")%></a>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderText="Previous CEO" UniqueName="Previous_CEO" FilterControlAltText="Filter column column" DataField="Previous_CEO">

<ColumnValidationSettings>

<ModelErrorMessage Text=""></ModelErrorMessage>

</ColumnValidationSettings>

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="true"></Selecting>

<ClientEvents OnRowDblClick="RowDblClick"></ClientEvents>

</ClientSettings>

</telerik:RadGrid>

</ContentTemplate>

</asp:UpdatePanel>

</td>

</tr>

</table>

</td>

</tr>

</table>

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

<Windows>

<telerik:RadWindow ID="UserListDialog" runat="server" Title="Editing record" Height="680px"

Width="840px" Left="150px" ReloadOnShow="true" ShowContentDuringLoad="false"

Modal="true" Behaviors="Close" OnClientClose="refreshGrid">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

Grid

answered on 09 Sep 2014

1 answer

205 views

Change text align and direction of RadHtmlChart data

I have a chart:

<telerik:RadHtmlChart ID="chrtInvestmentAmount" runat="server" Transitions="true" DataSourceID="SqlDataSource1" Height="256px" Skin="Glow" Width="1024px" RenderMode="Auto">

<PlotArea>

<Series>

<telerik:ColumnSeries DataFieldY="InvestmentsAmount" Name="כמות משקיעים"/>

</Series>

<XAxis DataLabelsField="Month">

<TitleAppearance Text="חודש" />

</XAxis>

<YAxis>

<TitleAppearance Text="כמות משקיעים" />

</YAxis>

</PlotArea>

</telerik:RadHtmlChart>

Now in my body tag I have set the direction of the page to rtl, and when i do that the whole chart gets messed up, the text gets cut off a little and all in all it just doesent look good:

http://i.stack.imgur.com/On2XQ.jpg

for some reason it just gets all messed up. Isn't there some small piece of code which can fix this?
And while i'm asking, another problem i have is after setting the chart type (bars,lines and so on...) it does not update it and i also notice no line of code is added to the HTML. I dont know if something needs to be added, either way i cant change the chart type. Is there some kind of code which can change the chart type?

Thanks.

Chart (HTML5)

answered on 09 Sep 2014

3 answers

95 views

Radtilelist flickering issue on page post back

I have a radtilelist with raddatapager when i click on paging of raddatapager then screen flicker occurs in firefox browser of all android devices

TileList

answered on 09 Sep 2014

4 answers

187 views

ASP.NET RadEditor for MOSS Lite Edition

Does this version work in WSS 3.0? or is it just for MOSS?

cheers

Gavin

WebParts for SharePoint

answered on 09 Sep 2014

4 answers

702 views

[Solved] How to filter radgrid with autocomplete textbox

Hi everyone,
I want to filter grid with by textbox. This textbox has got property autocomplete. I want to run this code in textbox onchange method. I write this code but I always need press for filter the grid. How can I fix this

<telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="True"

EnableTheming="True">

</telerik:RadScriptManager>

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" OnItemDataBound="RadGrid1_ItemDataBound"

OnNeedDataSource="RadGrid1_NeedDataSource" AllowPaging="true" AllowFilteringByColumn="true"

EnableLinqExpressions="false">

<MasterTableView CommandItemDisplay="Top" DataKeyNames="ID" EditMode="InPlace">

<CommandItemSettings ShowExportToPdfButton="true" />

<Columns>

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

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="Name" DataField="Name">

<FilterTemplate>

<asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True" OnTextChanged="TextBox1_TextChanged"></asp:TextBox>

</FilterTemplate>

<ItemTemplate>

<asp:Label ID="Label1" runat="server" Text='<%# Eval("Name") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn>

</telerik:GridEditCommandColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

dynamic data = new[] {

new { ID = 1, Name ="aaa"},

new { ID = 2, Name = "bbb"},

new { ID = 3, Name = "ccc"},

new { ID = 4, Name = "ddd"},

new { ID = 5, Name ="eee"}

};

RadGrid1.DataSource = data;

}

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)

{

}

protected void TextBox1_TextChanged(object sender, EventArgs e)

{

TextBox TextBox1 = sender as TextBox;

RadGrid1.MasterTableView.FilterExpression = "([Name] LIKE \'%" + TextBox1.Text.Trim() + "%\') ";

GridColumn column = RadGrid1.MasterTableView.GetColumnSafe("Name");

column.CurrentFilterFunction = GridKnownFunction.Contains;

column.CurrentFilterValue = TextBox1.Text.Trim();

RadGrid1.Rebind();

}

Best Regards

Grid

answered on 08 Sep 2014

0 answers

107 views

Looping rotator with wrapframes=false

Hi, I figure this should be easy to do but I can't seem to find the solution...

I want wrapframes=false as I'm using my rotator to show a waiting queue.
When it loads, it rotates to the bottom of the list, then stops.

How, do I get it to restart at the top and continuously loop that way?

Also, I think I found the answer, but setting height to 100% has to be done with AJAX?

Rotator

asked on 08 Sep 2014

2 answers

158 views

Custom creation of task items

Hello,

I have two questions regarding the creation of task items:

1. Is it possible to restrict the creation of tasks to have e.g. only one root task or the depth of the task tree should only be 2. For me it was not possible to remove such tasks out of the tree after clicking "Add Task". Or is it possible to disable or enable the "Add Task"-Button or e.g. the "Add child"-Button?

2. Can I set the Id of the new created tasks by myself? If i try to set the task Id inside the "OnTaskInsert"-event, it doesn't affect the task Id which is shown inside the gantt control.

Thanks.

Regards,
Felix

Gantt

answered on 08 Sep 2014

4 answers

167 views

Filter Expression

i am using 2013.3.1114.35 telerik version . AllowFilteringByColumn="True" Means It allow value to filter in Radgrid for a column .

In my radgrid contains Name ,Dept Column with many rows .If i want to filter the particular Name in grid So i enter as Text eg: ' Hema' and select startwith (because this only save in my table) to filter particular name .
but when i using rdGrdReport.MasterTableView.FilterExpression means it allowslike this (name Lilke 'Hema%') to back End so i not able to filter the value.

Issues is when we using Filter expression with [allow space before value to ' Hema' search in filter text box means it consider like 'Hema%' ].not taking space before the value.

Filter

answered on 08 Sep 2014

7 answers

145 views

Scheduler Date Header

I'm trying to set the header for dates on Month View to a white background. I'm doing this:

    div.RadScheduler .rsDateHeader
    {
        background: white;
    }

All that does is set the background under the text of the date to white. But is leaves the rest of the header for the day the default color. See screenshot.
I would like to have the entire header for day have a white background.

How do I do that?

Scheduler

answered on 08 Sep 2014