Questions on UI for ASP.NET AJAX Forum

2 answers

120 views

Skins and Checked

Hi Telerik,

We use buttons across the page as navigation. So all buttons are setup as follows:

<telerik:RadPageLayout runat="server" GridType="Fluid" ShowGrid="false">

<Rows>

<telerik:LayoutRow CssClass="LayoutRowStyle LayoutRowHamburger">

<Columns>

<telerik:LayoutColumn Span="2" SpanXs="12" SpanSm="6" SpanMd="3">

<div class="divStandard">

<telerik:RadButton runat="server" ID="RadButtonBoardDetails" CausesValidation="false" AutoPostBack="false" Text="Details" Width="100%"

OnClientClicked="OnClientClickedNavSubButton" RenderMode="Lightweight" ToggleType="CheckBox" Checked="true" CommandArgument="../boards/boarddetails.aspx">

</telerik:RadButton>

</div>

</telerik:LayoutColumn>

<telerik:LayoutColumn Span="2" SpanXs="12" SpanSm="6" SpanMd="3">

<div class="divStandard">

<telerik:RadButton runat="server" ID="RadButtonCreate" CausesValidation="false" AutoPostBack="false" Text="New" Width="100%"

OnClientClicked="OnClientClickedNavSubButton" RenderMode="Lightweight" CommandArgument="../boards/helper/boardcreate.aspx">

<Icon PrimaryIconCssClass="rbAdd" />

</telerik:RadButton>

</div>

</telerik:LayoutColumn>

<telerik:LayoutColumn Span="2" SpanXs="12" SpanSm="6" SpanMd="3">

<div class="divStandard">

<telerik:RadButton runat="server" ID="RadButtonBoardGroupLinks" CausesValidation="false" AutoPostBack="false" Text="Group Links" Width="100%"

OnClientClicked="OnClientClickedNavSubButton" RenderMode="Lightweight" CommandArgument="../boards/boardgrouplinks.aspx">

</telerik:RadButton>

</div>

</telerik:LayoutColumn>

.....

</Rows>

</telerik:RadPageLayout>

So when the button is clicked we keep it "checked" and the theme looks like an "active" page for that button. This ONLY works with some themes. How can we change this in our Skin specific CSS, that would let us keep a checked state, like its being Hovered.

Ex: The first button is marked checked and if using the "Simple" theme, it looks nice when checked. If the "Web20" is used, the checked does nothing to the checked state CSS of the button.

As you can see from the attach files, the Web20 has the same CSS as checked and unchecked.

All of the Skins handle the checked state CSS differently. We would like to control is via stylesheets.

Thanks for the help!

Button

answered on 29 Jun 2020

3 answers

83 views

Drag handles are null on client load

We are attempting to update the drag handle text to match the current value. The basic technique is outlined here: https://www.telerik.com/forums/display-the-current-values

The problem is that the text is not updated when the page is loaded. We tried to access the drag handles (get_dragHandles()[0]) in the client load event, but the drag handles are null at that point. Looking at the state of the control at this point shows some interesting values such as "initialized internal" being false and not value being set the for the "drag handle element". If I retrieve the drag handles in another event such as value changed they exist and these values are set as expected.

_dragHandleElement: null
_initializedInternal: false

We simplified our example down to the following and the behavior is reproducible. We are using version 2019.1.215.45 of the controls.

<telerik:RadSlider ID="sldTest" RenderMode="Lightweight" BackColor="Red" Value="50" ForeColor="Blue" MinimumValue="0" MaximumValue="100" Width="500" ShowDragHandle="True" OnClientLoad="sldTest_ClientLoad" OnClientValueChanged="sldTest_ClientValueChanged" runat="server" />

function sldTest_ClientLoad(slider, args) { //alert(slider.get_dragHandles()[0]); } function sldTest_ClientValueChanged(slider, args) { alert(slider.get_dragHandles()[0].firstChild.innerHTML); }

Slider

answered on 29 Jun 2020

3 answers

204 views

RadGrid Batch Update with AjaxRadManager

Hi,

I am trying to implement Batch edit mode for radGrid where on cell value changed triggers a javascript function. This function saves the changes made to the grid. I have this part working.

I wanted to do the same call using ajax but I couldn't find a way to do it. Following are the required details of this problem.

1. RadGrid is being added from codebehind and is added in a radPane like this.radpane.Controls.Add(RadGrid).

2. RadAjaxManager exists on the MasterPage and I am able to call the instance of it on my page.

Can someone guide me how to get this to work?

Thanks,

Swanand Nalawade

Grid

answered on 29 Jun 2020

5 answers

2.2K+ views

How to set Maximum Dropdown Height

There is a DropDownHeight property that sets the height of the dropdownlist. How do I make this work like the MaxHeight property of the RadCombobox? It looks ridiculous with 1 entry with a large size set (eg 300px). If I allow the autocompletebox to resize the dropdownlist by itself, then its fine with a few records, but it scrolls off the page when many records match the filter.

AutoCompleteBox

answered on 29 Jun 2020

12 answers

321 views

ASP.NET AJAX Autocomplete duplicate selection issue

In autocomplete textbox i am able to select same item multiple times, how can i avoid selecting same item multiple times.

Example:

1. Autocomplete shows list of fruits

2. I will select Apple.

3. Next again i will select apple

Now apple is selected 2 times, this is a problem.

How to avoid this?

Please help me in this regard.

Thanks for your cooperation in advance.

--

Jagadish Konnur

AutoCompleteBox

answered on 29 Jun 2020

4 answers

102 views

AsyncUpload Progress freezing at 2mb

Hello,

We've been using the Telerik Upload and AsyncUpload since 2013 and they usually work great.

However in the last 24 hours an issue has started to pop up where some of our customers are unable to upload. The upload starts and freezes at 2 mb in the Progress Control.

I'm wondering if anyone else is having the same issue.

AsyncUpload

answered on 29 Jun 2020

0 answers

122 views

Store users chat to database

How to use this chat tool for application user conversation and store their chat to database. When user login, he would to get his chat history with other members.

Chat

asked on 28 Jun 2020

2 answers

166 views

slider drag handle responds slow

I have a slider with divs that get updated on clientside with the slider value.

I noticed that my slidervalue changes first and there's a little lag when the draghandle responds. Below is my slider definition and my client side code. Could you help me figure the delay in the drag handle response?

<telerik:RadSlider ID="RadSliderAge" runat="server" MinimumValue="0" MaximumValue="90"

IsSelectionRangeEnabled="true" SelectionStart="45" SelectionEnd="70" SmallChange="1"

OnClientSlide="clientValueAgeChange" OnClientLoad=

"clientValueAgeLoad" ShowDecreaseHandle="true"      ShowIncreaseHandle="true"  TrackMouseWheel="false"

    ThumbsInteractionMode="Lock" Skin="Material"

>

</telerik:RadSlider>

function clientValueAgeLoad(sender, eventArgs) {

var CurrentAgeCtrl = document.getElementById("CurrentAgeCtrl");

var RetirementAgeCtrl = document.getElementById("RetirementAgeCtrl");

CurrentAgeCtrl.innerHTML = sender.get_selectionStart();

RetirementAgeCtrl.innerHTML = sender.get_selectionEnd();

}

function clientValueAgeChange(sender, eventArgs) { var CurrentAgeCtrl = document.getElementById("CurrentAgeCtrl"); var RetirementAgeCtrl = document.getElementById("RetirementAgeCtrl"); CurrentAgeCtrl.innerHTML = sender.get_selectionStart(); RetirementAgeCtrl.innerHTML = sender.get_selectionEnd(); CalcOutputs(); }

Slider

answered on 26 Jun 2020

4 answers

1.0K+ views

PdfjsProcessingSettings File from Stream or URL

Hi,

How can we supply a Strem or external URL in the PdfjsProcessingSettings.File in the code behind?

Thank you.

PdfViewer

answered on 26 Jun 2020

1 answer

3.3K+ views

Telerik.Web.UI.WebResource.axd missing from web.config

I have recently inherited a ASP.NET WebFroms application that uses Telerik.Web.UI (version 2014.2.724.40). I am trying to run the application but getting the following error regarding "~/Telerik.Web.UI.WebResource.axd' is missing in web.config".

The web.config does contain Telerik.Web.UI.WebResource as in attached web.config images.

Please advise on a solution.

Editor

answered on 25 Jun 2020