Questions on UI for ASP.NET AJAX Forum

1 answer

205 views

selected index not working when use editable combobox

Hi,

I am using a rad combobox in my web page, as below

<telerik:RadComboBox ID="textboxCombo" AllowCustomText="true" runat="server"></telerik:RadComboBox>

when I just select the combobox value then I will get the selected index value, but when I select the value and then edit , then I am getting the selected index as -1, how can I get the selected index value even if I edit the selected value?

thanks,

ComboBox

answered on 14 Nov 2014

2 answers

499 views

[Solved] Show tooltip from Code.

Hello there.

I am still very new to telerik and most code in general, ive been wanting to use the tooltip as a information box. So lets say the user presses a button and submits their data, i want to - in the button event, be able to call the tooltip and show it including a label which i also set the text to from the button press.

So far all ive got is this:

<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />

protected void Button1_Click(object sender, EventArgs e) { LabelStatus.Text = "Tooltiptext"

// Show tooltip<br> }

<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" AnimationDuration="300" Width="400px" Height="80px" Animation="Slide" RelativeTo="BrowserWindow" Position="TopCenter" ShowEvent="FromCode" OnAjaxUpdate="OnAjaxUpdate" ShowCallout="true"

>

 <TargetControls>

      <telerik:ToolTipTargetControl TargetControlID=

"LabelStatus" Value="LabelStatus"

/>

 </TargetControls>

</telerik:RadToolTipManager>

I know the target is properly wrong, but ive run to a complete standstill and i hope that someone here can assist me in getting to where i wanna be.

kind regards.
Michael

ToolTip

answered on 14 Nov 2014

3 answers

126 views

TileList updates itself after the scripts has been loaded

There are some javascripts in my page that are located under TileList control. When I visit the page:

1- TileList is loaded. Each tile has a specific location
2- Scripts are loaded
3- TileList is refreshed. Tile locations are changed

How do I prevent TileList to be refreshed?

TileList

answered on 14 Nov 2014

2 answers

107 views

CSS Lost on close radwindow via post

I have a single radwindow. It is all time not visible and I open it for delete confirm via javascript:

function OpenDialog(button) {

var RadWindow = $find("<%=RadWindowConfirmDelete.ClientID%>");

RadWindow.show();

}

Issue is: If I close radwindow via javascript all runs fine, but, if I close window via 'post' CSS is lost.

<telerik:radwindow runat="server" id="RadWindowConfirmDelete" Behaviors="None"

Skin="Web20" EnableViewState="False" VisibleOnPageLoad="false" >

<ContentTemplate>

<div style="float: left; margin: 10px 0px 0px 30px;" >

<div >

<telerik:RadBinaryImage ID="RadBinaryImageDelete24" runat="server" ImageUrl="~/Images/delete24.png" Height="24px" style="vertical-align:bottom;">

</telerik:RadBinaryImage>

<asp:Label Font-Bold="true" ID="lbl_confirmar" Text="Confirma esborrat de línia de conciliació" runat="server" />

</div>

<br />

<asp:Label Font-Italic="true" Id="lbl_confirm_item_text" Text="" runat="server" />

<br />

<telerik:RadButton ID="rbConfirm_OK" Text="Delete" runat="server" Skin="Web20" OnClick="rbConfirm_OK_Click" />

<asp:Label runat="server" ID="sep_butons_confirm_delete" Text ="" Width ="20px"></asp:Label>

<telerik:RadButton ID="rbConfirm_Cancel" Text="Cancel" runat="server" Skin="Web20" OnClientClicked="CloseDialog" AutoPostBack="false" />

</div>

</ContentTemplate>

</telerik:radwindow>

Also CSS is lost when I postback on close:

<telerik:RadButton ID="rbConfirm_Cancel" Text="Cancel" runat="server" Skin="Web20" OnClientClicked="CloseDialog" AutoPostBack="true" />

What is wrong?

General Discussions

answered on 14 Nov 2014

1 answer

83 views

Hide Add New Record after click edit item icon on RadGrid

Please help me!
Can I hide Add New Record panel after click edit item icon on RadGrid?

Grid

answered on 14 Nov 2014

1 answer

124 views

Control visibility of a control

Hi I have a rad grid and I would like to control a date time control in one column based on that data in another column,

so if the column called Multiple is Yes then I would like to either make the column called SuggestedFix not visible or not editable is this possible?
grid definition below

<Columns>
<telerik:GridClientSelectColumn UniqueName="add_number" headertext="Select" HeaderStyle-Width="4%" ItemStyle-Width="4%" ItemStyle-HorizontalAlign="Left"/>
<telerik:GridBoundColumn UniqueName="id" DataField="id" HeaderText="id" ReadOnly="True" Display="False" SortExpression="carriername" > </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="Multiple" DataField="Multiple" HeaderText="Multiple" ReadOnly="True" HeaderStyle-Width="9%" ItemStyle-Width="9%" FilterControlWidth="75%" FilterControlAltText="CLI filter column" > </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="cli" DataField="cli" HeaderText="CLI" ReadOnly="True" HeaderStyle-Width="9%" ItemStyle-Width="9%" FilterControlWidth="75%" FilterControlAltText="CLI filter column" > </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="cost" DataField="cost" HeaderText="Cost" ReadOnly="True" HeaderStyle-Width="10%" ItemStyle-Width="10%" FilterControlWidth="75%" ItemStyle-HorizontalAlign="Right" FilterControlAltText="CLI filter column" > </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="calls" DataField="calls" HeaderText="No of Calls" ReadOnly="True" HeaderStyle-Width="10%" ItemStyle-Width="10%" FilterControlWidth="75%" ItemStyle-HorizontalAlign="Right" FilterControlAltText="CLI filter column" > </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="mindate" DataField="mindate" HeaderText="From Date" ReadOnly="True" dataformatstring="{0:dd/MM/yyyy}" HeaderStyle-Width="9%" ItemStyle-Width="9%" FilterControlWidth="75%" FilterControlAltText="CLI filter column" > </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="maxdate" DataField="maxdate" HeaderText="To Date" ReadOnly="True" dataformatstring="{0:dd/MM/yyyy}" HeaderStyle-Width="9%" ItemStyle-Width="9%" FilterControlWidth="75%" FilterControlAltText="CLI filter column" > </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="condate" DataField="condate" HeaderText="Connection Date" ReadOnly="True" dataformatstring="{0:dd/MM/yyyy}" HeaderStyle-Width="9%" ItemStyle-Width="9%" FilterControlWidth="75%" FilterControlAltText="CLI filter column" > </telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="dcondate" DataField="dcondate" HeaderText="Disconnection Date" ReadOnly="True" dataformatstring="{0:dd/MM/yyyy}" HeaderStyle-Width="9%" ItemStyle-Width="9%" FilterControlWidth="75%" FilterControlAltText="CLI filter column" > </telerik:GridBoundColumn>
<telerik:GridDateTimeColumn UniqueName="suggestedFix" DataField="suggestedFix" HeaderText="Suggested Fix Date" HeaderStyle-Width="20%" ItemStyle-Width="20%" FilterControlAltText="Account Filter column" FilterControlWidth="80%" ItemStyle-VerticalAlign="Top" ColumnEditorID="GridDateColumnEditor1" > </telerik:GridDateTimeColumn>
</Columns>

Grid

answered on 14 Nov 2014

1 answer

129 views

Add custom class to ImageGalleryItemBase

I'm working on a project where I'm using the ImageGallery to display some photos which can then be zoomed in on using a jQuery plugin. Typically this involves in having the medium sized image (the one displayed in the ImageGallery) linked to the larger version, and a custom class needs to be assigned to the medium image. Is this possible to do?

I've attempted something like this:

foreach (ImageGalleryItemBase oItem in

rdPics.Items)

{

     oItem.Attributes.add(

"class", "MagicZoomPlus"

);

}

but that does not work, as the "Attributes" property is not recognized. Any suggestions?

Alternatively, has anyone attempted to add zoom capabilities to the ImageGallery, and if so, which component did you use (jQuery plugin or otherwise) and how did you integrate the two components together?

Thank you,
Alex

ImageGallery

answered on 14 Nov 2014

3 answers

247 views

Problems with publishing

Hello, I am deploying my first Telerik application and I am getting "Uncaught ReferenceError: Telerik is not defined" when I publish my application. The application works in debug in Visual Studio. Please see my attached images showing my Web.config file.

My server is Windows Server 2008 R2 with IIS 7.x. Do I need to change some settings on the server to use Telerik.Web.UI?

My project references have Telerik.Web.UI version 2013.2.717.40

The Telerik.Web.UI.dll is in my /bin/ directory.

Here are all the URL's of fixes I have tried...

http://www.telerik.com/help/aspnet-ajax/introduction-troubleshooting.html
http://www.telerik.com/help/aspnet-ajax/introduction-add-to-global-assembly-cache.html
http://www.telerik.com/forums/telerik-is-not-defined-solved---internal-build-issue

I don't have shared hosting, but do I need to set up Telerik as if it's on a shared hosting?
http://www.telerik.com/help/aspnet-ajax/introduction-deploying-on-shared-hosting.html

General Discussions

answered on 14 Nov 2014

2 answers

548 views

Formatting Dates in ToolTip Client Template

In a Column Chart, I am trying to format a date in a Tooltip's ClientTemplate and I can't seem to figure it out.

On the Y-Axis I have dollar amounts, on the X-Axis I have the 24 hours of the day (12am, 1am, 2am, ... 11pm). The X-Axis labels work fine (well, I wish I could lowercase the AM/PM, but that's another issue) using the following:

<LabelsAppearance DataFormatString="htt" RotationAngle="0" />

Unfortunately, when I use the following ToolTips template the X-Axis value renders as a long format date like "Tue Nov 11 2014 03:00:00 GMT-0600 (Central Standard Time)" rather than "3AM":

<TooltipsAppearance BackgroundColor="#ffffff" Color="#5ab7de">

<ClientTemplate>

<div><b>#=category#</b></div>

<div>$#=value#</div>

</ClientTemplate>

</TooltipsAppearance>

How do I get #=category= to format my date like this: 4PM?

Chart (Obsolete)