Questions on UI for ASP.NET AJAX Forum

3 answers

541 views

I developed a web site with Q3 2014, and works/looks fine in all major browsers on Windows 7. In an attempt to go mobile and in the spirit of "responsive design", I fired-up the app in Safari on an iPad, and, in Chrome on a Samsung Galaxy tablet. Aside from point-n-click issues, the system works/looks ok, except my scrollbars, which would appear while the browser was minimized, disappeared on all RadGrids and a MasterPage RadPane. How can I get my scrollbars back?

PageLayout

answered on 16 Sep 2015

10 answers

309 views

TabStrip and RadPageView

I was following the Getting Started for the RadTabStrip at http://www.telerik.com/help/aspnet-ajax/tab_gettingstarted.html. When I view the completed page that I've typed in, the content of the Colors, Calendar, and Quote tabs is not visible when I select any of those tabs. I'm using the Q2 2010 release of the ASP.NET Ajax controls. I even tried it on another machine (typed in the code in Visual Studio 2010) and got the same results. Am I missing something? Below is my code.

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <telerik:RadTabStrip ID="RadTabStrip1" runat="server"
            ReorderTabsOnSelect="True" SelectedIndex="2" Skin="Outlook">
            <Tabs>
                <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Calendar">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Colors">
                </telerik:RadTab>
                <telerik:RadTab runat="server" IsBreak="True" Owner="RadTabStrip1" Text="Quote"
                    Selected="True">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Owner="RadTabStrip1"
                    SelectedIndex="1" Text="Web Sites">
                    <Tabs>
                        <telerik:RadTab runat="server" NavigateUrl="http://www.telerik.com" Owner=""
                            Text="Telerik">
                        </telerik:RadTab>
                        <telerik:RadTab runat="server" NavigateUrl="http://www.google.com" Owner=""
                            Selected="True" Text="Google">
                        </telerik:RadTab>
                    </Tabs>
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>

        <telerik:RadMultiPage ID="RadMultiPage1" runat="server">
            <telerik:RadPageView ID="RadPageView1" runat="server">
                <asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageView2" runat="server">
                <asp:Button ID="Button1" runat="server" Text="Button" />
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageView3" runat="server">
                a quote
            </telerik:RadPageView>
        </telerik:RadMultiPage>
    </div>
    </form>
</body>
</html>

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %><br><br><%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %><br><br

><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><

br><br

>

<

html xmlns="http://www.w3.org/1999/xhtml"><br

>

<

head runat="server"><br> <title></title><br></head

>

<

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

>    

<

asp:ScriptManager ID="ScriptManager1" runat="server"><br> </asp:ScriptManager><br> <div><br> <telerik:RadTabStrip ID="RadTabStrip1" runat="server" <br> ReorderTabsOnSelect="True" SelectedIndex="2" Skin="Outlook"><br> <Tabs><br> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Calendar"><br> </telerik:RadTab><br> <telerik:RadTab runat="server" Owner="RadTabStrip1" Text="Colors"><br> </telerik:RadTab><br> <telerik:RadTab runat="server" IsBreak="True" Owner="RadTabStrip1" Text="Quote" <br> Selected="True"><br> </telerik:RadTab><br> <telerik:RadTab runat="server" Owner="RadTabStrip1" <br> SelectedIndex="1" Text="Web Sites"><br> <Tabs><br> <telerik:RadTab runat="server" NavigateUrl="http://www.telerik.com" Owner="" <br> Text="Telerik"><br> </telerik:RadTab><br> <telerik:RadTab runat="server" NavigateUrl="http://www.google.com" Owner="" <br> Selected="True" Text="Google"><br> </telerik:RadTab><br> </Tabs><br> </telerik:RadTab><br> </Tabs><br> </telerik:RadTabStrip><br> <br> <telerik:RadMultiPage ID="RadMultiPage1" runat="server"><br> <telerik:RadPageView ID="RadPageView1" runat="server"><br> <asp:Calendar ID="Calendar1" runat="server"></asp:Calendar><br> </telerik:RadPageView><br> <telerik:RadPageView ID="RadPageView2" runat="server"><br> <asp:Button ID="Button1" runat="server" Text="Button" /><br> </telerik:RadPageView><br> <telerik:RadPageView ID="RadPageView3" runat="server"><br> a quote<br> </telerik:RadPageView><br> </telerik:RadMultiPage><br> </div><br> </form><br></body><br></html>

TabStrip

answered on 16 Sep 2015

0 answers

141 views

How to get right mouse down event?

Hello,

I want to capture the mouse down event for the right button. I am using the code below but it shows a context menu. Is there a way to disable the menu and run the code instead for the event? I do not want to replace the menu, just do away with it. And the style can be both dropdown and dropdownlist.

Thanks,

Warren

Private Sub cboHair_MouseDown(sender As Object, e As MouseEventArgs) Handles cboHair.MouseDown

If e.Button = Windows.Forms.MouseButtons.Right Then

'Show other form

End If

End Sub

DropDownList

asked on 15 Sep 2015

5 answers

162 views

MediaPlayer control support in RadEditor

Currently the RadEditor inserts <object> tags when inserting media. Is there any way to support using HTML5 audio/video and I guess use the Telerik MediaPlayer? There seems to be a disconnect here with no integration support.
Thank you,
Christian

MediaPlayer

answered on 15 Sep 2015

4 answers

231 views

RadToolTipManager Height Property being ignored - it's always being calculated to show all content

Hi,

I'm using version 2015.01.401. My radtooltipmanager declaration is below:

<telerik:RadToolTipManager ID="ProjectSettingsTTMan" runat="server" AutoTooltipify="false" EnableEmbeddedBaseStylesheet="false" EnableAjaxSkinRendering="false"EnableViewState="false" Position="TopRight" Width="380px" Height="110px" ContentScrolling="Both" RelativeTo="BrowserWindow" HideEvent="ManualClose" ManualClose="true" ShowCallout="false" >

<telerik:ToolTipTargetControl TargetControlID="LocationColorLegendImage" IsClientID="false" />

</TargetControls>

</telerik:RadToolTipManager>

My Goal: Limit the height of the tooltip and show a vertical scrollbar if the content won't all display in that height. Isn't that what the Height and ContentScrolling settings should do?

My Problem: I've tried a dozen or more things to limit the height of the Tooltip, but nothing works. The Tooltip Height is always being overridden by the webresource.axd and is adjusted to 100%. Specifically, it is the td with the class of .rtWrapperContent that is showing height of 100% when I view the source HTML.

I've tried without all of the "Enable..." properties; various settings for ContentScrolling like Y and Auto; AutoTooltipify="true"; I also have the following style in my page: div.RadToolTip table.rtWrapper td.rtWrapperContent {height: 100px !important;}

and before that had: .RadToolTip .rtWrapper .rtWrapperContent {height: 100px !important;}

I dynamically build the content for this tooltip in server side code. It is a table with a varying number of rows, depending on other data in the page. That all works great, but I need to limit the height of this tooltip because the table I add to it could contain alot of rows and cover parts of the page up.

What am I doing wrong?

Thanks,

Brent

ToolTip

answered on 15 Sep 2015

8 answers

258 views

Raise LinkButton Event from Combobox ItemTemplate

Hello,

I've delete button with onClick event in my combobox itemtemplate but never raising.

Googled but no any example found.

How can I use LinkButton with event in ComboBox ItemTemplate?

Ajax

answered on 15 Sep 2015

1 answer

153 views

Compatibility of Telerik UI with VS 2013

Hi,

In My ASP.NET application I am using Telerik UI for ASP.NET Ajax Q2 2014 SP1 toolkit. Now we are planning to upgrade to VS 2013 and .Net framework 4.5. Request you to please let me know whether same version of Telerik will work with VS 2013 and .NET 4.5 or do we have to upgrade it to latest version telerik controls ?

Installer and VS Extensions

answered on 15 Sep 2015

2 answers

119 views

RadTabStrip scroll bar issue

I have a rad tab strip in an expndable/collapsible div that has display:none.The scroll bar on the rad tab strip are not initially shown ,but it is viewable when the page is resized and there after.

<div>
     <span><a id="displayTableContainer" href="javascript:toggle();">[ + ] Requirement section</a></span>
</div>
<div id="tableContainer" style="height: 15%;display:none;">
    <table width="100%">
        <tr>
           <td>
<telerik:RadTabStrip ID="rtsSampleControlActivites" Height="60px" runat="server"
ScrollChildren="true" PerTabScrolling="true" ScrollButtonsPosition="Middle"
Orientation="VerticalLeft" MultiPageID="rmpSampleControlActivites" Align="Right"
CausesValidation="False">
</telerik:RadTabStrip>
<asp:LinkButton ID="lnkviewMore" runat="server" CommandName="ViewMore" Text="View More"></asp:LinkButton>
</td>
</tr>
</table>

        function toggle() {
            var eleMethod = document.getElementById("tableContainer");
            var textMethod = document.getElementById("displayTableContainer");
            var tabStrip = $find("<%= rtsSampleControlActivites.ClientID %>");

            if (textMethod.innerHTML == "[ - ] Requirement section") {
                eleMethod.style.display = "none";
                textMethod.innerHTML = "[ + ] Requirement section";
            }
            else {
                eleMethod.style.display = "block";
                textMethod.innerHTML = "[ - ] Requirement section";
            }
        }

On expanding the div, I need to show the rad tab strip with scroll bar.Please help

TabStrip

answered on 15 Sep 2015

3 answers

523 views

Derived Method 'get_IsEmpty' cannot reduce access

When converting a project from VS 2003 up to VS 2013 I'm getting the following error at runtime:

Derived method 'get_IsEmpty' in type 'Telerik.WebControls.InputStyle' from assembly 'RadInput, Version=2.1.3.0, Culture=neutral, PublicKeyToken=a1432cd341173140' cannot reduce access.

Anyone have any idea what this issue would refer to?

Thanks,
Cory

Input

answered on 15 Sep 2015

1 answer

60 views

RadEditor inconsistently sets span styles in UL and anchors

We use the RadEditor in our web application to allow non-technical users create/edit simple HTML content using the Design view. However, it seems the HTML generated by the design view is buggy or inconsistent causing numerous complaints from our end users. I am wondering if there are any properties or filters that could be applied to make the end user experience more predictable.

Normally we are very happy with all Telerik AJAX controls. Therefore we have switched recently from CuteSoft editor to RadEditor. However, the experience with RadEditor has been very bad, to the point we have received numerous requests from our users to switch back to CuteSoft control to make the system more stable again.

Here is an example:

Using the Design View create a bulleted list (basically UL LI construct) containing 3 bullets: Link1, Link2, Link3. Using the designer, set the Link1, Link2 and Link3 to the following URLs “http://link1.com”, “http://link2.com”, “http://link3.com”.

This will create the following HTML syntax. So far so good...

<ul>
    <li><a href="http://link1.com">Link 1</a></li>
    <li><a href="http://link2.com">Link 2</a></li>
    <li><a href="http://link3.com">Link 3</a></li>
</ul>

Then using the Design view, highlight the entire text and change color to RED.

For whatever reason, the span construct is applied differently to each LI. In some cases it is added outside of the Anchor element, in other cases it is included inside of the Anchor element. It produces the following output (see how link1 anchor is different from link2 anchor) - although we tried more than once and sometimes 2 out of 3 LI elements have correct format....

<ul>
    <li><a href="http://link1.com"><span style="color: #c00000;">Link 1</span></a></li>
    <li><span style="color: #c00000;"><a href="http://link2.com">Link 2</a></span></li>
    <li><span style="color: #c00000;"><a href="http://link3.com">Link 3</a></span></li>
</ul>

In that situation, in the DESIGN view, it is impossible to change the color of link2 or 3 since the span color is outside of the Anchor element. Note: I was able to reproduce the same exact behavior on your demo site http://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx in both Chrome and IE11.

Again, non-technical users don't understand this problem. The steps they follow seem logical, yet the output is inconsistent. There are many other cases like this one, so the problem is not specific to UL LI and Anchor syntax.

Please advise on a possible solution.

Editor

answered on 15 Sep 2015