Questions on UI for ASP.NET AJAX Forum

2 answers

228 views

RadGrid - Hide Header Context on Template Column

Greetings,

I am using FilterType="HeaderContext" and it is working great! I would like to hide the header context dots on a template column. How can I achieve this?

Thank you!

Matt

Grid

answered on 15 Jul 2016

1 answer

122 views

Full dynamic docking layout

Hello,

I have an issue with a full dynamic docking layout. I have an asp:Panel PageContainer and I dynamically add RadDockLayouts to this container.
To these RadDockLayouts I dynamically add RadDockZones and to these RadDockZones I dynamically add RadDocks. So far, so good.

The only thing I want to achieve is that when someone changes the order of a RadDock inside a particular RadDockZone I can somehow save the order of the RadDocks to a database. I am kind of stuck here because, amongst other things, I do not understand the purpose of the LoadDockLayout and the SaveDockLayout events and when they happen. Do you have any suggestion(s)?

Regards
Daan

Dock

answered on 15 Jul 2016

2 answers

268 views

How to download a file on RadContentMenuItem Click

I want to call a function that writes a file for download from a RadContextMenu. The function works fine when I call it from a button click. But I can't call it from the server side OnContextMenuItemClick because the Response.End() call doesn't let the menu click finish (the load icon just keeps going). So I am trying to intercept the menu click on the client side, cancel the event, and post the button click instead. My breakpoint on javascript _doPostBack() gets hit, my breakpoint on Page_Load gets hit, but my breakpoint on ButtonRptRpt_Click function does not. Why not?

How can I download a file as a result of a RadMenuItem click? (Opening another browser tab is not an option.)

<telerik:RadTreeView ID="TreeViewBatchRules" runat="server" CheckBoxes="True"

MultipleSelect="True" ToolTip="Right-click on nodes to see rule batch run menu."

OnClientContextMenuItemClicking="TreeViewBatchRules_ClientContextMenuItemClicking"

OnContextMenuItemClick="TreeViewBatchRules_ContextMenuItemClick">

<DataBindings>

<telerik:RadTreeNodeBinding Expanded="False" />

</DataBindings>

<ContextMenus>

<telerik:RadTreeViewContextMenu ID="TreeViewBatchRulesContextMenu" runat="server">

<Items>

<telerik:RadMenuItem Value="Thing1" Text="Thing 1">    

             </telerik:RadMenuItem>

             <telerik:RadMenuItem Value="CreateReport" Text="Create Report">

             </telerik:RadMenuItem>

</Items>

</telerik:RadTreeViewContextMenu>

</ContextMenus>

</telerik:RadTreeView>

<asp:Button ID="ButtonRunRpt" runat="server" Text="Run Report" OnClick="ButtonRunRpt_Click" />

function TreeViewBatchRules_ClientContextMenuItemClicking(sender, eventArgs) {

var node = eventArgs.get_node();

var item = eventArgs.get_menuItem();

var menu = item.get_menu();

if (item.get_text() == "Create Report"){

eventArgs.set_cancel(true);

var ruleId = node.get_value();

// the postback gets called but doesn't "arrive" at the ButtonRunRpt_Click

var btnId = "<%=ButtonRunRpt.ClientID %>"

__doPostBack(btnId, '');

}

protected void TreeViewBatchRules_ContextMenuItemClick

(object Sender,

Telerik.Web.UI.RadTreeViewContextMenuEventArgs e)

{

int ruleId = int.Parse(TreeViewBatchRules.CheckedNodes[0].Value);

switch (e.MenuItem.Value)

{

case "Thing1" : ... break;

case "CreateReport" : BuildReport(ruleId); break; // load icon won't go away; file doesn't download

}

protected void ButtonRunRpt_Click(object Sender,

EventArgs e)

{

int ruleId = int.Parse(TreeViewBatchRules.CheckedNodes[0].Value);

BuildReport(nodeId);

}

private void BuildReport(int nodeId)

{

var ms = GetReport(ruleId);

HttpContext.Current.Response.Clear();

HttpContext.Current.Response.Buffer = true;

HttpContext.Current.Response.ContentType = "application/pdf";

HttpContext.Current.Response.AddHeader("Content-disposition", "attachment; filename='myReport.pdf'");

Response.BinaryWrite(ms);

HttpContext.Current.Response.Close();

HttpContext.Current.Response.End();

}

Menu

answered on 15 Jul 2016

5 answers

752 views

Why does my RadGrid trigger page postback upon filtering from client-side?

Why does my RadGrid trigger page postback upon filtering from client-side?
I populate the data from code-behind and I use JS to trigger the filter by calling a function.
The problem is present even if I use filtering through the RadGrid's filtering controls to test.

Here is my code:

HTML:

<telerik:RadGrid ID="AssetGrid" runat="server" CssClass="asset-grid"

                        Width="100%" Height="100%"

                        OnNeedDataSource="AssetGrid_NeedDataSource">

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

                        <FilterMenu EnableImageSprites="False" />

                        <ClientSettings AllowColumnHide="True" EnableAlternatingItems="false"

                            EnableRowHoverStyle="true">

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

                            <Selecting AllowRowSelect="true" />

                        </ClientSettings>

                        <MasterTableView AllowPaging="true" PageSize="20" AllowFilteringByColumn="true" AutoGenerateColumns="false" DataKeyNames="id, name" TableLayout="Fixed" ClientDataKeyNames="id, name">

                            <Columns>

                                <telerik:GridBoundColumn DataField="id" DataType="System.Int32" SortExpression="id" UniqueName="id" Visible="false" />

                                <telerik:GridBoundColumn DataField="name" DataType="System.Int32" SortExpression="title" UniqueName="title" AutoPostBackOnFilter="false" Visible="false" />

                                <telerik:GridBoundColumn DataField="categoriesid" DataType="System.String" SortExpression="categoriesid" UniqueName="categoriesid" Visible="false" />

                                <telerik:GridBoundColumn DataField="primarycategoryid" DataType="System.String" SortExpression="primarycategoryid" UniqueName="primarycategoryid" AutoPostBackOnFilter="false" Visible="true" Display="false" />

                                <telerik:GridTemplateColumn UniqueName="description">

                                    <ItemStyle

                                        VerticalAlign="Top" HorizontalAlign="Left"

                                        CssClass="data-item" />

                                    <ItemTemplate>

                                        <table class="font-roboto data-item-table" style="table-layout: fixed; width: 100%; pointer-events: none;">

                                            <tr>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                                <td colspan="1" style="width: 8.33333333333%;"></td>

                                            </tr>

                                            <tr>

                                                <td colspan="2" style='<%# "background-color:" + c.ParseColorIntToRGB(Eval("color").ToString()) + ";" %>'>

                                                    <%# Eval("statusabbrev").ToString().ToUpper() %>

                                                </td>

                                                <td colspan="10">

                                                    <%# Eval("name") %>

                                                </td>

                                            </tr>

                                            <tr>

                                                <td colspan="2" rowspan="4">

                                                    <%--<video preload="metadata" style="min-height: inherit; width: 100%; height: 100%; max-width: 100%; max-height: 100%;" onclick="if (!this.paused) { this.pause(); } else { this.play(); };" ondblclick="this.pause(); $(this).fadeOut(500, function() { this.load(); $(this).fadeIn(); });">

                                                        <source src='<%# Eval("filepath") %>' type="video/mp4">

                                                    </video>--%>

                                                </td>

                                                <td colspan="2">

                                                    Category

                                                </td>

                                                <td colspan="3">

                                                    <%# Eval("primarycategory") %>

                                                </td>

                                                <td colspan="2">

                                                    ID

                                                </td>

                                                <td colspan="3">

                                                    <%# Eval("itemcode") %>

                                                </td>

                                            </tr>

                                            <tr>

                                                <td colspan="2">

                                                    Genre

                                                </td>

                                                <td colspan="3">

                                                    <%# Eval("ea_genre") %>

                                                </td>

                                                <td colspan="2">

                                                    Duration

                                                </td>

                                                <td colspan="3">

                                                    <%# Eval("title_duration") %>

                                                </td>

                                            </tr>

                                            <tr>

                                                <td colspan="2">

                                                    Creator

                                                </td>

                                                <td colspan="3">

                                                    <%# Eval("creator") %>

                                                </td>

                                                <td colspan="2">

                                                    Updated By

                                                </td>

                                                <td colspan="3">

                                                    <%# Eval("title_last_updated_by") %>

                                                </td>

                                            </tr>

                                            <tr>

                                                <td colspan="2">

                                                    Created

                                                </td>

                                                <td colspan="3">

                                                    <%# String.Format("MMMM d, yyyy h:mm:ss tt", Eval("created")) %>

                                                </td>

                                                <td colspan="2">

                                                    Updated

                                                </td>

                                                <td colspan="3">

                                                    <%# String.Format("MMMM d, yyyy h:mm:ss tt", Eval("title_last_update")) %>

                                                </td>

                                            </tr>

                                        </table>

                                    </ItemTemplate>

                                </telerik:GridTemplateColumn>

                            </Columns>

                        </MasterTableView>

                    </telerik:RadGrid>

JavaScript:

function filterGrid(value, gridClientID, columnname, operator, args) {

if (operator == undefined || operator == '' || operator == null) {

operator = 'EqualTo'

}

if (columnname == undefined || columnname == '' || columnname == null) {

return;

}

function AddFilterExpression(grid, dataField, filterFunctionName, filterValue) {

var master = grid.get_masterTableView();

master.filter(dataField, filterValue, filterFunctionName);

}

var grid;

if (gridClientID == null || gridClientID == undefined || gridClientID == '') {

grid = $find('<%=AssetGrid.ClientID %>');

}

else {

grid = $find(gridClientID);

}

var noValue = false;

if (value == null || value == undefined || value == '') {

noValue = true;

}

if (noValue) {

if (args == null || args == undefined || args == '') {

return;

}

if (grid != null) {

if (noValue) {

value = args.get_node().get_value();

args.set_cancel(false);

}

AddFilterExpression(grid, columnname, operator, value);

}

else {

if (noValue) {

args.set_cancel(true);

}

Grid

answered on 15 Jul 2016

4 answers

2.1K+ views

Checkboxes are checked after page refresh

Hi,

When I selected rows and that I refresh my page with F5, the rows are not selected but the checkboxes are still checked.

On Page_Load, I tried to do :
- Radgrid.SelectedIndexes.Clear()
- Radgrid.Rebind()
- Radgrid.Datasource = null

But It doesn't work.

Grid

answered on 15 Jul 2016

9 answers

294 views

ImageGallery resize to browser window

I have a ImageGallery for showing all thumbnails in a page with Width="100%", which shows fine, but I can't figure out two things:

1. How do you get Height=100%? I want the gallery to fill the browser page.

2. On resize of the browser window, how do I get the control to resize and adjust the layout to match?

This is what I have for the control right now:

<telerik:RadImageGallery runat="server" ID="rigItems" DisplayAreaMode="Thumbnails" Width="100%" Visible="true" LoopItems="false" AllowPaging="false" ImagesFolderPath="~/"

DataImageField="ImageUrl" DataTitleField="ImageTitle" DataThumbnailField="ImageUrl" OnNeedDataSource="rigItems_NeedDataSource" >

<ImageAreaSettings Height="600px" ResizeMode="Fit" />

<ThumbnailsAreaSettings Height="800px" ShowScrollButtons="false" ThumbnailsSpacing="1px" ThumbnailHeight="200" ThumbnailWidth="200" Mode="Thumbnails" ScrollOrientation="Vertical" ShowScrollbar="true" />

</telerik:RadImageGallery>

ImageGallery

answered on 15 Jul 2016

1 answer

139 views

Dropdownlist built in skin Sunset to Yellow color

Our control are using sunset skin and we want to change to Yellow color but still going to use the sunset skin.

I have check the forum but unable to get the sunset skin css so that I can customize it.

Kindly advise how i can still use the skin and only change the color background to yellow color.

Thanks in advance
Andrew

DropDownList

answered on 15 Jul 2016

7 answers

216 views

Set Date when value changes from another column while in Batch Edit mode

Hello,

My Grid is in GridEditMode.Batch. I have two template columns.

First Template Column uses a RadNumericTextBox
Second Template Column uses a RadDatePicker.

Could you explain how to update the RadDatePicker's date when the RadNumericTextBox value changes USING the RadNumericTextBox's OnValueChanged CLIENT event please.

DatePicker

answered on 15 Jul 2016

5 answers

4.3K+ views

How to get Only Date part from of selected date in RadDatePicker

Hi,

I am using Raddatepicker and i want to select only Date part from the that textbox.
i using like this DatePicker.SelectedDate

Like: currently comming : 9/29/2011 12:00:00 AM

required : 9/29/2011 or 09/29/2011.

and i want to pass in my method '09/29/2011' but Passing going '9/29/2011 12:00:00 AM

Thanks
Manish

Calendar

answered on 15 Jul 2016

1 answer

142 views

Rad Editor - Anchor tag issue

In body of Rad editor if i pasted the code below in HTML container -

<a href="http://members.farmtoconsumer.org/donations/" target="_blank">
<figure class="center-img">
<img style="border: 0px solid currentColor; border-image: none; width: 100%; max-width: 303px !important;" alt="Donate Today!" src="https://media.mercola.com/assets/images/donate-today.jpg">
<figcaption class="op-large op-center hide-figcap">
<a href="http://members.farmtoconsumer.org/donations/" target="_blank">Click Here</a>
</figcaption>
</figure>
</a>

After this when i switch from HTML to design and then again back to HTML the code changes to below code -

<a href="http://members.farmtoconsumer.org/donations/" target="_blank">
</a><figure class="center-img"><a href="http://members.farmtoconsumer.org/donations/" target="_blank">
<img style="border: 0px solid currentColor; border-image: none; width: 100%; max-width: 303px !important;" alt="Donate Today!" src="https://media.mercola.com/assets/images/donate-today.jpg">
</a><figcaption class="op-large op-center hide-figcap"><a href="http://members.farmtoconsumer.org/donations/" target="_blank">
</a><a href="http://members.farmtoconsumer.org/donations/" target="_blank">Click Here</a>
</figcaption>
</figure>

Notice that the <a> tag was immediately closed. It seems like the editor updates the codes accordingly (some sort of auto-correcting html codes I guess). Is there any way we can avoid this or is this something that we cannot modify or any solution for this?

Editor

answered on 15 Jul 2016