Questions on UI for ASP.NET AJAX Forum

3 answers

126 views

RadDock problem with fixed position on Android devices

Hello,

I found something strange and I need help.

I'm using Docks on page as component containers. Whole web is using Bootstrap framework. Now I have a page with full screen Dock and inside is used fixed navbar from Bootstrap (http://getbootstrap.com/components/#navbar-fixed-top). All seems to be ok. On small devices navbar collapses, page scrolls and navbar is fixed on top of page.

But not on Android devices and iPhone. Fixed position is not working and scrolling in page scrolls navbar.

I found, that it happens because of RadDock styles:

.RadDock {

/* improves drag&drop in mobile browsers */

-webkit-transform: rotate3d(0, 0, 1, 0);

-webkit-backface-visibility: hidden;

-webkit-perspective: 1000;

-moz-transform: rotate3d(0, 0, 1, 0);

-moz-backface-visibility: hidden;

-moz-perspective: 1000;

-o-transform: rotate3d(0, 0, 1, 0);

-o-backface-visibility: hidden;

-o-perspective: 1000;

-ie-transform: rotate3d(0, 0, 1, 0);

-ie-backface-visibility: hidden;

-ie-perspective: 1000;

}

Problem is in -webkit-transform and -webkit-backface-visibility. I know it is some kind of fix for Android devices and fixed position, but if I remember, it should be placed only to fixed element, or not?

Check attached project:
http://raptor.cestiny.cz/Temp/TelerikBootstrapTest.rar

Simply run included page on Android device or in Chrome developer tools. See this picture for "config":
http://raptor.cestiny.cz/Temp/raddock.jpg

Selecting mode to any Android device (Nexus, iPhone, ...) will lead to not working fixed position. Non-android devices (Windows Phone, ...) works fine.

Any idea what to do?

Dock

answered on 13 Nov 2014

2 answers

174 views

RadEditor and Instagram Embed Not Working

I used to have no problem embedding an instagram post using the RadEditor. But seems like instagram changed their embed code and now it is no longer working. RadEditor seems to do something to the instagram code. I have AllowScripts="true" ContentFilters="None" RenderMode="Lightweight". Not sure what else I can do.

<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="4" style=

" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"

><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50% 0; text-align:center; width:100%;"> <div style=

" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAGFBMVEUiIiI9PT0eHh4gIB4hIBkcHBwcHBwcHBydr+JQAAAACHRSTlMABA4YHyQsM5jtaMwAAADfSURBVDjL7ZVBEgMhCAQBAf//42xcNbpAqakcM0ftUmFAAIBE81IqBJdS3lS6zs3bIpB9WED3YYXFPmHRfT8sgyrCP1x8uEUxLMzNWElFOYCV6mHWWwMzdPEKHlhLw7NWJqkHc4uIZphavDzA2JPzUDsBZziNae2S6owH8xPmX8G7zzgKEOPUoYHvGz1TBCxMkd3kwNVbU0gKHkx+iZILf77IofhrY1nYFnB/lQPb79drWOyJVa/DAvg9B/rLB4cC+Nqgdz/TvBbBnr6GBReqn/nRmDgaQEej7WhonozjF+Y2I/fZou/qAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"

></div></div> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://instagram.com/p/vQ-OYvoh4Q/" style=

" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;"

target="_top"

>For 14yrs, my cousin Ben proudly served as a Navy SEAL. Receiving two Bronze Star Medals and The Purple Heart. Willing to risk his life, so we can live ours - in freedom. Think about that for a moment... the life our families get to enjoy daily... are a direct result of very special men and women who are willing to sacrifice their own. War and combat is polarizing and I understand that. Everyone has a view. Rising above the politics of it all... I humbly say THANK YOU to our US veterans and current men and women in uniform. Love you Ben. Thank you brother - for everything. #VeteransDay #Gold #LongLiveTheBrotherhood #HolyShitYourHeadLooksBigInThisPicture</

a></p> <p style=

" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"

>Ein von therock (@therock) gepostetes Foto on <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2014-11-11T15:54:07+00:00">Nov 11, 2014 at 7:54 PST</time></p></div></blockquote><script async defer src="//platform.instagram.com/en_US/embeds.js"></script>

Editor

answered on 13 Nov 2014

1 answer

122 views

Ellipsis

Hi!

With the 2014 Q3 release it seems to be impossible to draw an ellipsis. The circle is now only working with a radius (width OR height) and even an ellipsis-path (custom visual template) is rendered as a circle.
Am I wrong?

Best regards,
Hans

Diagram

answered on 13 Nov 2014

2 answers

268 views

RadHtmlChart export of svg as png or jpeg

Hi,

Could you implement export of svg as image without third party program(like inkSpace).

Chart (HTML5)

answered on 13 Nov 2014

4 answers

254 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

174 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

118 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

187 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

99 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

96 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