Questions on UI for ASP.NET AJAX Forum

4 answers

224 views

Prevent From Close Menu When Choose Date

Hello,

I am working on a project with RadMenu.
Inside the RadMenu’s Drop-Down area there is a DatePicker and a Button.
When the user clicks the RadMenu, it opens a Drop-Down, and when the user clicks anywhere else the Drop-Down is closed.
When the user clicks on the DatePicker calendar to select a date, in an area outside of the Drop-Down, it closes.
How do I fix this problem? [see video]

Code:

function ExternalitemOpened(s, e) {

if ($telerik.isIE8) {

// Fix an IE 8 bug that causes the list bullets to disappear (standards mode only)

$telerik.$("li", e.get_item().get_element())

.each(function () { this.style.cssText = this.style.cssText; });

}

function External_MouseOver(sender, args) {

if (args.get_item().get_parent() == sender) {

sender.set_clicked(false);

}

function ExternalOnClientItemClicking(sender, args) {

if (args.get_item().get_isOpen() == true) {

args.set_cancel(true);

args.get_item().close();

}

else {

args.set_cancel(true);

args.get_item().open();

}

<telerik:RadMenu ID="GridMenu_Save" runat="server" ClickToOpen="True" EnableShadows="True" OnClientItemOpened="ExternalitemOpened" OnClientItemClicking="ExternalOnClientItemClicking" OnClientMouseOut="External_MouseOver" Style="top: 0px; left: -2px; z-index: 100; height: 35px;" Skin="WebBlue">

<Items>

<telerik:RadMenuItem PostBack="true" Text="save" Value="Save" CssClass="btn btn-primary btn-menu-grid-size">

<ContentTemplate>

<div id="Save_panel" class="GridMenu_panel">

<telerik:RadDatePicker ID="DatePicker_Save" runat="server"></telerik:RadDatePicker>

<br />

<telerik:RadButton ID="btn_Save" runat="server" Text="save" Skin="Web20" CssClass="btn_Sort" ></telerik:RadButton>

<br />

</div>

</ContentTemplate>

</telerik:RadMenuItem>

<telerik:RadMenuItem IsSeparator="true"></telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

Thanks,
Daniel

Menu

answered on 13 Nov 2014

6 answers

161 views

RadGrid ExcelML Export - Image in Header?

Is it possible to add/embed an image into the header of the spreadsheet that's created with ExcelML? I'd just like to add a logo into the header and haven't been able to find if it's possible with ExcelML. Thanks!

Grid

answered on 13 Nov 2014

2 answers

107 views

Column rating issue popup modal

hello.

I am having a problem, i have a grid with a column GridRatingColumn, in which show the rating of an object to be evaluated, the event that fills the grid with data is a button_click, during the event I show a modal popup to block the page and the user does not run another event, The result is shown in the image issue.jpg, I ejecutra again button_clik event for the display either as shown in the image good.jpg, this only happens in chrome and firefox, internet explorer runs perfectly.

HELP!

01.<asp:Panel runat="server" ID="pnlPrueba">

02.

03.

04.

05.

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

07. <Triggers>

08. <asp:AsyncPostBackTrigger ControlID="btnGenerar" EventName="Click" />

09.

10. </Triggers>

11. <ContentTemplate

12.

13. <asp:Panel ID="pnlProgress" runat="server" CssClass="pnlcarga">

14. <img src="images/OperacionRuta/loader.GIF" class="imgcarga" />

15. </asp:Panel>

16. <asp:UpdateProgress ID="updProgress" runat="server" ViewStateMode="Inherit" DynamicLayout="true">

17. <ProgressTemplate>

18. </ProgressTemplate>

19. </asp:UpdateProgress>

20.

21. <telerik:RadGrid ID="rgvReporte" runat="server" AutoGenerateColumns="false" OnNeedDataSource="rgvReporte_NeedDataSource" Height="600px" OnItemDataBound="rgvReporte_ItemDataBound" AllowSorting="true">

22. <ClientSettings>

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

24. <Animation AllowColumnReorderAnimation="true" />

25. </ClientSettings>

26. <MasterTableView DataKeyNames="IdActividad,Color">

27. <Columns>

28. <telerik:GridBoundColumn HeaderText="Calificación" AllowSorting="true" DataType="System.Char" DataField="Calificacion" UniqueName="Calificacion" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="70px" HeaderStyle-Width="70px" />

29. <telerik:GridBoundColumn HeaderText="Actividad" AllowSorting="true" DataType="System.Char" DataField="Detalle" UniqueName="Detalle" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="200px" HeaderStyle-Width="200px" />

30. <telerik:GridBoundColumn HeaderText="Criterio" AllowSorting="true" DataType="System.Char" DataField="Criterio" UniqueName="Criterio" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="200px" HeaderStyle-Width="200px" />

31. <telerik:GridBoundColumn HeaderText="Ruta" AllowSorting="true" DataType="System.Char" DataField="NombreRuta" UniqueName="NombreRuta" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="100px" HeaderStyle-Width="100px" />

32. <telerik:GridBoundColumn HeaderText="Fecha" AllowSorting="true" DataType="System.DateTime" DataField="Fecha" UniqueName="Fecha" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" DataFormatString="{0:dd/MM/yyyy}" ItemStyle-Width="80px" HeaderStyle-Width="80px" />

33. <telerik:GridBoundColumn HeaderText="Turno" AllowSorting="true" DataType="System.Char" DataField="Turno" UniqueName="Turno" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="40px" HeaderStyle-Width="40px" />

34. <telerik:GridBoundColumn HeaderText="Tipo Reporte" AllowSorting="true" DataType="System.Char" DataField="DetalleTipo" UniqueName="DetalleTipo" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="70px" HeaderStyle-Width="70px" />

35. <telerik:GridBoundColumn HeaderText="Parada" AllowSorting="true" DataType="System.Char" DataField="NombrePAradero" UniqueName="NombrePAradero" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="120px" HeaderStyle-Width="120px" />

36. <telerik:GridBoundColumn HeaderText="Unidad" AllowSorting="true" DataType="System.Char" DataField="NumeroUnidad" UniqueName="NombreUnidad" HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="70px" HeaderStyle-Width="70px" />

37. <telerik:GridRatingColumn HeaderText="Rating" AllowRatingInViewMode="true" DataField="ValorCalificacion" ItemStyle-Width="165px" HeaderStyle-Width="180px" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"></telerik:GridRatingColumn>

38. </Columns>

39. </MasterTableView>

40.

41. </telerik:RadGrid>

42. </ContentTemplate>

43. </asp:UpdatePanel>

44. </asp:Panel>

Grid

answered on 13 Nov 2014

4 answers

141 views

ListView skin not showing

I have a RadListView control

<telerik:RadListView ID="rlvResults" runat="server" AllowPaging="True" OnNeedDataSource="rlvResults_NeedDataSource"

ItemPlaceholderID="SearchResultsHolder" DataKeyNames="ID"

AllowCustomPaging="True" Skin="Web20" >

<LayoutTemplate>

...

</LayoutTemplate>

<ItemTemplate>

...

</ItemTemplate>

</telerik:RadListView>

and I've added an assembly reference to Telerik.Web.UI.dll and Telerik.Web.UI.Skins.dll version 2011.3.1115.35, but the skin is not being applied when I view the page.



Is there anything I may be missing here?

ListView

answered on 13 Nov 2014

1 answer

79 views

Checkboxes and ExcelML format

Hi,
wondering if is it possible to export boolean (1/0 or True/False values) as checkboxes while using ExcelML export format? It works when using XLSX
fomat but it doesn't when using ExcelML one...

Grid

answered on 13 Nov 2014

2 answers

84 views

Localization resources

Is there any way to obtain a complete RadRivotGrid.Rain.resx file with all the main fields, or at least page size and grand total?? rather english or spanish but a simple file in any language be enough for me.

PivotGrid

answered on 13 Nov 2014

1 answer

40 views

gallery control on mobile and tab

hi,
i have use image gallery control in my project ,Is it possible to change between image in mobile or tab using my finger not buttons?.Also I want to add my images from any folder not included in my application folder in runtime ?

ImageGallery

answered on 13 Nov 2014

1 answer

100 views

Dock Horizontal Resizing doesn't work on Chrome.

Hi,

We are using version 2014.2.724.40 of you ASP.NET for AJAX controls.

I am letting users dynamically add RadDocks and I'm saving their state to a database. We use a Horizontal layout.

Some of our widgets use a Pixel width, some use a Percentage width. The Pixel width widgets are Resizable.

This works find in all version of Internet Explorer and the latest version of Firefox, but in Chrome Version 38.0.2125.111 m, the widgets don't always have a resize handle. If I put my mouse over the right border, it never changes to the resize cursor. It is intermittent and now 100% reproducible, but I can reproduce it most of the time.

Do you know of any issues with Resizable RadDocks and Chrome?

Thanks,
Michael

Dock

answered on 13 Nov 2014

0 answers

94 views

Insert image on background

i want to insert image selected from radeditor image manager to background of on body tag. MY website user is non technical. they just want option to add/remove image in background.

WebParts for SharePoint

asked on 13 Nov 2014

4 answers

114 views

RadGrid : Selection Order

Hi,

I am facing an issue with the selected items order . When we select multiple rows in the grid using shift select the order of the selected values is not the same the order they are present in the grid. For example as we select row 1 and shift select row 10, we are expecting selection order as from row 1 to row 10, but what we are getting as row1, row 10, row 2-9. Please suggest me the possible changes to maintain the order.

Thanks,

Grid

answered on 13 Nov 2014