Questions on UI for ASP.NET AJAX Forum

1 answer

471 views

Calling client side JavaScript function after Telerik RadPageView finishes loading

m using Telerik UI for asp.net. Specifically I'm using RadTabStrip with partial page postbacks to allow the user to tab through different sets of data. When the user clicks a tab, some code executes and loads data just for that tab.

Some things I've tried that work for similar problems:

I've figured out how to execute codebehind: I set the OnTabClick property of the RadTabStrip, and then in codebehind I check what tab was clicked.
E.g.

protected void tab_Click(object sender, RadTabStripEventArgs e)

if (e.Tab.Text == "Info")

{ populateInfoTab();

}

private void populateInfotab()

{

// Do some stuff

}

However, I can't figure out how to execute client side javascript after a specific tab is clicked. What I tried:
Set OnClientTabSelected property, and then add some javascript:

function tab_ClientClick(sender, args)

{

var tab = args.get_tab();

if(tab.get_text() == "Info")

{

alert("Tab Clicked");

}

This works, BUT:

The problem is that I need to set the InnerHtml of some div in the clicked pageview after it is clicked. I cannot do:

some_div.InnerHtml = "test";

after the alert.

The div does not exist on page load (that specific RadPageView is hidden) so I cannot set it then. Once the user clicks into the tab, and after the page view loads, I need to be able to update the div's InnerHtml through JavaScript.
How would I go about doing this?

General Discussions

answered on 16 Sep 2015

3 answers

454 views

How to give oracle client - connection for telerik report

We are getting the following error -

A network-related or instance-specific error occurred while establishing a connection to SQL Server. The server was not found or
was not accessible. Verify that the instance name is correct and that SQL Server is configured to allow remote connections.
(provider: Named Pipes Provider, error: 40 - Could not open a connection to SQL Server)
------------- InnerException -------------
The network path was not found

when we use the codes as in the attachment . please help us how to give oracle-client connection String in vb for telerik report (trdx) file .

Sharepoint Integration

answered on 16 Sep 2015

3 answers

568 views

Scrollbars not shown on Android or iOS

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

321 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

154 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

174 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

241 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

270 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

181 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

133 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