Questions on UI for ASP.NET AJAX Forum

1 answer

146 views

Issue adding media template item in code behind

I've followed the various steps in creating a custom video template item via the code behind. So for, the videos and thumbs load. However, the problem is that when I click next or a video from the gallery. It does a post back, the proper thumb is highlighted below, but the correct video doesn't show. If I start clicking around the proper videos do not show in their proper places.

Here is my code below:

Private Sub Page_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init

For Each video As VideoClip In GetVideoCollection()

Dim igti As New ImageGalleryTemplateItem()

Dim template As New ImageGalleryContentTemplate(video)

igti.ContentTemplate = template

igti.ThumbnailUrl = video.Thumb

RIG.Items.Add(igti)

Next

End Sub

Public Class VideoClip

Private m_title As String

Private m_videoID As String

Private m_description As String

Private m_thumb As String

Public ReadOnly Property Title() As String

Get

Return Me.m_title

End Get

End Property

Public ReadOnly Property VideoID() As String

Get

Return Me.m_videoID

End Get

End Property

Public ReadOnly Property Description() As String

Get

Return Me.m_description

End Get

End Property

Public ReadOnly Property Thumb() As String

Get

Return Me.m_thumb

End Get

End Property

Public Sub New(title As String, videoID As String, description As String, thumb As String)

Me.m_title = title

Me.m_videoID = videoID

Me.m_description = description

Me.m_thumb = thumb

End Sub

End Class

Private Function GetVideoCollection() As VideoClip()

Dim clipsCollection As VideoClip() = New VideoClip(5) { _

New VideoClip("Telerik UI for<br/> Windows 8 (Beta), UI", "http://www.youtube.com/watch?v=kCOH2ODKs0Q", "RadControls for" & _

"Windows 8 is the toolset for building Windows 8 apps that run on tablets and large screens " & _

"no matter if you are coming from the XAML or HTML/JavaScript world.", _

"/movies/thumbs/4b23b9b2-ee9d-4a85-97c6-006423dfd1b8.jpg"), _

New VideoClip("Telerik Windows 8 UI Controls", "http://www.youtube.com/embed/yxzXFrlVPfc", "Create fascinating touch-enabled Windows" & _

"8 apps that users will love.", _

"/movies/thumbs/3f886145-c6b1-4341-a829-0a456b6eda08.jpg"), _

New VideoClip("Building Windows Phone 7 Apps that Rock the Marketplace", "http://www.youtube.com/embed/bTGjwskU3LE", "RadControls for Windows" & _

"Phone is designed to speed up the development of windows phone apps and provide an array of controls.", _

"/movies/thumbs/3cdc9c12-3459-43e8-84bc-0f10bc1b6885.jpg"), _

New VideoClip("Load Testing with Telerik Test Studio", "http://www.youtube.com/embed/8zPBJeBOER8", "See how you can set up your test environment," & _

"assign virtual users to your controller and agents and create your user scenarios using multiple channels.", _

"/movies/thumbs/d1f5a1ac-ace0-4dc8-8a34-bb87a5119826.jpg"), _

New VideoClip("Telerik Software Testing Tool - Test Studio - Overview", "http://www.youtube.com/embed/4TGkGQonmy4", "With Test Studio you can create" & _

"functional web and desktop tests, performance tests and load tests with one easy tool.", _

"/movies/thumbs/c5a13e13-0332-4a51-8462-9300fc4b3027.jpg"), _

New VideoClip("UI controls for building Windows Phone 7 apps.mp4", "http://www.youtube.com/embed/763LTx05-qA", "If you want to see the controls in" & _

"action make sure to check our ToDoLists video on youtube.", _

"/movies/thumbs/f5bf4181-b595-4516-9e5a-44daabe76137.jpg")}

Return clipsCollection

End Function

Private Class ImageGalleryContentTemplate

Implements ITemplate

Public Property BackgroundImage() As [String]

Get

Return m_BackgroundImage

End Get

Set(value As [String])

m_BackgroundImage = Value

End Set

End Property

Private m_BackgroundImage As [String]

Public Property HTMLTemplate() As [String]

Get

Return m_HTMLTemplate

End Get

Set(value As [String])

m_HTMLTemplate = Value

End Set

End Property

Private m_HTMLTemplate As [String]

Protected player As RadMediaPlayer

Private video As VideoClip

Public Sub New(video As VideoClip)

Me.video = video

End Sub

Public Sub InstantiateIn(container As Control) Implements ITemplate.InstantiateIn

player = New RadMediaPlayer()

player.ID = "RadMediaPlayer1"

player.RenderMode = RenderMode.Lightweight

player.ToolBar.FullScreenButton.Style("display") = "none"

player.Title = video.Title

player.Source = video.VideoID

player.TitleBar.ShareButton.Visible = False

player.ToolBar.HDButton.Visible = False

player.ToolBar.SubtitlesButton.Visible = False

container.Controls.Add(player)

End Sub

End Class

Where am I going wrong with this?

ImageGallery

answered on 02 Dec 2016

1 answer

109 views

Timeline dosent vertical align correct

Hi

After the last update we are having som problems with vertical alignment in the timeline section.

We are using a chrome browser, version 18 when we experience this problem. And no we cant just change that. It is a 3:d party webbrowser product implemented in our .net product. From what I can see the problem also exists in the stand alone v.18 of chrome.

Se the attached file for the vertical alignment problem. When similar problem has happened in the past we have always been able to correct this with som CSS but this time we are having som problems.

/Best regards

Scheduler

answered on 02 Dec 2016

0 answers

103 views

syntax-highlighter Or Code Snnipet in kendo grid for asp MVC

Hi ,all

I use from Kendo Ui For Asp.Net Editor , But I don,t See Code Snippet FO format Code Block as CkEditor Code Snippet...

how i can Customize Kendo Editor in Kendo Ui for asp.net mvc for create a Code Snippet ?

Please Help me. :'(

i try this

.Snippets(snippets => snippets
.Add("C#Code", "<pre style ='text-align:left'> <code dir='ltr'> 'Enter Your Code Here' </code></pre>")
)

but it not work form me in kendoui for asp.net mvc Editor

Editor

asked on 02 Dec 2016

1 answer

198 views

javascript Carousel with RadHtmlChart

Hi, i have a big problem:

How can i "replicate" dynamically, my chart inside a carousel item(like in bold selection, changing the id name...)?

Situation: i have a javascript/jquery carousel plugin. In a static situation( making two distinct divs, i can alternate between 2 divs, because i have the ID name....no problem at all...but imagine that i need make more dynamically divs and alternate between then with carousel plugin.

So, i have to build this "new" divs and put my chart inside of each new one div. How can i do that ???

Take a look my html code for one div, this will be my "model" to be follow:

<asp:UpdatePanel ID="updPaginaMaster" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div id="PaginaMaster" style="background-color: black;" runat="server">
<div class="row-fluid">
<div class="span12">
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner" runat="server" id="car">
<div class="item">
<table width="100%" align="center">
<tr>
<td width="100%" colspan="2" style="border: 2px solid; color: white">
<telerik:RadHtmlChart runat="server" ID="graTotalRecinto" CssClass="graficoBarra">
<ClientEvents OnLoad="onChartLoad" />
<PlotArea>
<Series>
<telerik:BarSeries Name="GTVs Processadas" DataFieldY="Vr_Conferido" Stacked="true">
<LabelsAppearance Color="White" Position="Center">
<ClientTemplate>
#if (dataItem.Vr_Conferido > 14.00)
{#
Total GTVs Conferidas - #=dataItem.Qt_Conferido#\n
#=dataItem.Vr_Conferido#%\n
GTVs Processadas - #=dataItem.Qt_TempoLinha#
#}
else if (dataItem.Vr_Conferido < 3.00)
{#

#}
else if (dataItem.Vr_Conferido < 5.00)
{#
#=dataItem.Vr_Conferido#%
#}
else
{#
#=dataItem.Qt_Conferido#\n
#=dataItem.Vr_Conferido#%\n
#=dataItem.Qt_TempoLinha#
#} #
</ClientTemplate>
</LabelsAppearance>
<TooltipsAppearance Color="White" DataFormatString="{0:2}%">
</TooltipsAppearance>
</telerik:BarSeries>
<telerik:BarSeries Name="GTVs Pendentes" DataFieldY="Vr_Pendente">
<LabelsAppearance Color="White" Position="Center">
<ClientTemplate>
#if (dataItem.Vr_Pendente > 14.00)
{#
GTVs Pendentes - #=dataItem.Qt_Pendente#\n
#=dataItem.Vr_Pendente#%\n
Tempo Estimado - #=dataItem.Qt_TempoEstimado#
#}
else if (dataItem.Vr_Pendente < 3.00)
{#

#}
else if (dataItem.Vr_Pendente < 5.00)
{#
#=dataItem.Vr_Pendente#%
#}
else
{#
#=dataItem.Qt_Pendente#\n
#=dataItem.Vr_Pendente#%\n
#=dataItem.Qt_TempoEstimado#
#} #
</ClientTemplate>
</LabelsAppearance>
<TooltipsAppearance Color="White" DataFormatString="{0:2}%">
</TooltipsAppearance>
</telerik:BarSeries>
</Series>
<XAxis>
</XAxis>
</PlotArea>
<ChartTitle Text="">
<Appearance>
</Appearance>
</ChartTitle>
</telerik:RadHtmlChart>
</td>
</tr>
<tr>
<td width="100%" colspan="2" align="center" class="Numerario">Informação do Numerário Processado
</td>
</tr>
<tr>
<td width="50%" style="border: 2px solid; color: white;">

</td>
<td width="50%" style="border: 2px solid; color: white;">

</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>

Thanks!

Chart (HTML5)

answered on 01 Dec 2016

5 answers

258 views

Set Title/Content icon on client

Hi,

Anyone know if this is possible?

Cheers,
Jamie

Notification

answered on 01 Dec 2016

1 answer

82 views

SearchBox ignore words

Hi,

I would like to know if it's possible to do the following thing with the SearchBox:

I want to ignore certain words like in this case:

the user types "courses in technology" and I want to ignore the words "courses in" so only the word "technology" would be searched

in the datasource. is it possible to do this thing ?

Shahar Weinstein.

SearchBox

answered on 01 Dec 2016

1 answer

315 views

How to pass parameter and reload RadGrid ?

Hi

this is part of my RadGrid

The RadDropDownList data comes from SqlDataSource2, and user select one, I wish it will pass parameter to SqlDataSource1 and let RadGrid rebind correct data again, How can I do ?

Grid

answered on 01 Dec 2016

11 answers

1.2K+ views

Dropdown box position Not displayed properly in Chrome

Hi

In IE dropdown box displaying properly.

But In Chrome Dropdown Box displaying position is differentIn page if I have scrollbar this problem occur..without scrollbar its fine)

Please see the image for ref.

ComboBox

answered on 01 Dec 2016

3 answers

66 views

Sort by Checked Item

Is there a way to sort the contents of RadListBox using checkboxes by the checked items. I'd like to display the checked items at the top of the list.

Thanks. All help is appreciated.

ListBox

answered on 01 Dec 2016

1 answer

67 views

Sort Groups on click of sort enabled column

Hi,

Is there any possibility for sorting the groups as below

Consider this example:
GroupA
     Value5
     Value3
GroupB
     Value1

This happens when I click the sort of a column:

GroupA
     Value3
     Value5
GroupB
     Value1

What I'm wanting:

GroupB
     Value1
GroupA
     Value3
     Value5

Grid

answered on 01 Dec 2016