Questions on UI for ASP.NET AJAX Forum

7 answers

115 views

Can you seperate out the icon sprite please?

The built-in icons are SUPER handy, but the single 30k sprite is WAY WAY to big.

Even just separate into two sprites...large icons and small icons...like if I just need one small checkmark and X, on the entire page\app, a 30k sprite ads a lot of overhead for me. I'm not sure where I'd ever need to intermingle the icons (large and small)...buttons on a page should be consistent. So you'd have large OR small buttons?

Ideally I'd like to see 4 sprites
1) Small Basic (checks, and X's...common stuff)
2) Small Tools (checkout, rss, etc...fringe stuff)
3) Large Basic
4) Large Tools

Could you at least consider it? :) I'm seeing a noticeable "pop" when my buttons load.

Button

answered on 15 Dec 2010

1 answer

40 views

UserControl event fires but properties are empty

Hi

I have a simple grid with no edit mode. See Pic at this URL
http://screencast.com/t/X1XtwRegixy

I want the user to be able to switch "Chart" without going into an edit mode.

I therefore created a user control made from a a radcombo which populates the combo and has an event attached to it which calls a method that updates the charttype in the database.

I have an additional property in my usercontrol which is the Primarykey (seriesID) required create the obj and run the update.

<telerik:GridTemplateColumn HeaderText="Chart" UniqueName="ColChart">

<ItemTemplate>

<uc3:kpidropdownchart ID="kpiDropDownChart1" runat="server" seriesid='<%#Bind("SeriesID") %>' selectedChart='<%#Bind("ChartType") %>'/>

</ItemTemplate>

</telerik:GridTemplateColumn>

The control populates correctly (I even added the primarykey into the item.text to show it is there - see pic above)
When The selected index is changed the event fires (pasisng all of the argument including old and new values) inside the user control, but all of the properties in the usercontrol now are empty ie the primaryKey (seriesID) required to run call my update method.

Any idea what I am doing wrong?

Imports Telerik.Web.UI

Public Class kpiDropDownChart

Inherits System.Web.UI.UserControl

Private _seriesid As Integer

Private _selectedChart As String

Private _chartid As Integer

Public Property SeriesID() As Integer

Get

Return (_seriesid)

End Get

Set(ByVal value As Integer)

_seriesid = value

End Set

End Property

Public Property selectedChart() As String

Get

Return (_selectedChart)

End Get

Set(ByVal value As String)

_selectedChart = value

End Set

End Property

Protected Sub ddAddFieldChart_PreRender(ByVal sender As Object, ByVal e As EventArgs) Handles ddAddFieldChart.PreRender

Dim chartTypeTable As DataTable = kpicommonListFns.GetTimeChartList

Dim row As DataRow

For Each row In chartTypeTable.Rows

Dim CItem As RadComboBoxItem = New RadComboBoxItem

CItem.Text = row("Description") & _seriesid

CItem.Value = row("chartRef")

CItem.ImageUrl = "~/images/chartImages/" & row("IconName")

ddAddFieldChart.Items.Add(CItem)

Next

ddAddFieldChart.SelectedValue = _selectedChart

End Sub

Private Sub ddAddFieldChart_SelectedIndexChanged(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs) Handles ddAddFieldChart.SelectedIndexChanged

'###### when this even fires _seriesid = nothing ####################

Dim thisSeries As kpiChartSeries = New kpiChartSeries(_seriesid)

thisSeries.SetChartType(ddAddFieldChart.SelectedValue)

End Sub

End Class

Thanks

johnathan

Grid

answered on 15 Dec 2010

1 answer

195 views

Urgent Fix For Rad Grid Detail Table Issue

Hi ,

I need to allow scroll for Detail Table along with have static header . I have implemented solution based on the below link.
http://www.telerik.com/community/code-library/aspnet-ajax/grid/separate-scrolls-for-inner-tables-in-hierarchical-grid.aspx

Since detail table have large amount of data, when user scrolls down, he will not be able to see the Detail table header.
So please suggest the solution for the problem or Is there any work around for this?
Can we use Radgrid inside a RadGrid instead of DetailTable to solve this problem?

I have attached the screenshot for your reference. Screenshot1 shows the initial look of the grid and Screenshot2 shows after scrolling the DetailTable.

It is very urgent and important for me.Please reply as soon as possible.

when data is more in the grid user gets to see 4 scrolls. which is like confusing ... please refer the screen shot.

Thanks,
Nagendra

Grid

answered on 15 Dec 2010

1 answer

41 views

Height Issue

I have a RadRotator binded to datatable and it works fine except that it is cutting the images off if they differ in size.

Means i am using it as Banner rotator but i load different size banners. How do i make it flexible so the rotator adapts to the image height. If i set the height it works fine for the images that match this height but other ones with other heights are cut off to the top.

Thanks

EDIT: actually even if i load images with the same height it is cutting off the top of the images for about 10px. If i set the height it works fine.
How do i make it working without setting the height and itemheight?

Rotator

answered on 15 Dec 2010

3 answers

76 views

white dots on jpegs

Hello - I'm using a rotator to display a slideshow of jpegs. I'm using fade as the transition between frames. In IE I am seeing white dots on the jpegs.

From what I understand the white dots occur in IE when we use the alpha transparency CSS filter (which would make sense if we are fading) but - how do I fix it? The rotator works fine in other browsers.

Any ideas?

Thanks.

Rotator

answered on 15 Dec 2010

9 answers

397 views

Custom <table> styles

Hi
I have troubles to get a proper HTML table format preview in the RadEditor table wizard. I reference a custom CSS file containing a single HTML table format, overwriting the ".ms-rteTable-1" format defined in "/_layouts/1033/styles/HtmlEditorTableFormats.css". The SharePoint OOTB Table wizard reads the overwritten CSS classes and gives a customized preview but the RadEditor does only show the default table themes (see screenshot)

The SharePoint OOTB CSS is referenced in the following ajax script rendered by the RadEditor (bottom of the page)

Sys.Application.add_init(function() {

$create(Telerik.Web.UI.RadEditor,

...

"cssFiles":["/_wpresources/RadEditorSharePoint/5.7.2.0__1f131a624888eeed/Resources/CssEditor.css","/_layouts/1033/styles/HtmlEditorTableFormats.css","/_layouts/1037/styles/HtmlEditorCustomStyles.css"],

...

});

Is it possible to pass the url to the custom HTML table format CSS file to the RadEditor Table Wizard?

regards
göran

WebParts for SharePoint

answered on 15 Dec 2010

4 answers

108 views

RadRotator Bullets

Hi,

I've got a rotator displaying images. Each image has a bullet next to it which I'd like to remove

I've tried over-riding the style with no success.

<telerik:RadRotator ID="RadRotator1" runat="server" Width="700px" Height="300px" ItemWidth="250px" ItemHeight="300px"
                ScrollDirection="Left, Right" ScrollDuration="500"
                FrameDuration="2000" PauseOnMouseOver="false" RotatorType="ButtonsOver" InitialItemIndex="4"
                style="list-style-type:none;">
                <ItemTemplate>
                    <asp:Image ID="Image1" runat="server" ImageUrl='<%# Container.DataItem %>' AlternateText="<%# VirtualPathUtility.GetFileName(Container.DataItem.ToString()) %>" style="list-style-type:none;"/>
                </ItemTemplate>
            </telerik:RadRotator>

Any ideas?

Thanks

Rotator

answered on 15 Dec 2010

1 answer

122 views

Filter Function StartsWith

Hi Friends:

In a grid column, I have: CurrentFilterFunction="StartsWith" and AutoPostBackOnFilter="true" and ShowFilterIcon="false" . The idea is when user press the enter key, after typing in something in the filter text box, a search using 'StartsWith' will proceed.

This works For as long as there is something typed in the search box. If the user removes the text and press enters, all the records are returned - which is as expected.

But here's the problem: Now, the user type in something, say 'Ak' in the search box and press enter, the filter function has changed: It now defaults to 'Contains' instead of 'StartsWith'

Is there a way to make sure that with the above scenario, the filter function is ALWAYS 'StartsWith' and nothing else?

Thanks

Grid

answered on 15 Dec 2010

5 answers

254 views

radWindow blocks table styles

I have a radWindow with an ASP.Net Formview inside of it, and a <table> in the Formview to show the data. I used CSS to format the table and it looked correct when the Formview was on the page directly. But when I put it inside the radWindow, the borders and padding from the CSS do not show up on the table. Something in the radWindow is overriding the CSS I guess but I can't figure it out.

<telerik:RadWindow ID="SummaryRadWindow" runat="server" Behavior="Default"

InitialBehavior="None" Modal="True" Behaviors="Resize, Close, Move"

Height="300px" Title="Job Summary" Width="400px">

<ContentTemplate>

<asp:FormView ID="SummnaryBlockFormView" runat="server" DataSourceID="SummaryBlockSqlDataSource">

<ItemTemplate>

<table cellpadding="3" border="1" class="summaryblock">

<tr>

<td style="font-weight: bold">

Job:

</td>

<td>

<%=cboJobs.SelectedItem.Text%>

</td>

</tr>

<tr>

<td style="font-weight: bold">

Period End Date:

</td>

<td>

<%=cboPeriodEndDate.SelectedItem.Text%>

</td>

</tr>

<tr>

<td style="font-weight: bold">

Trade:

</td>

<td>

<%=cboTrade.SelectedItem.Text%>

</td>

</tr>

</table>

<br />

</ItemTemplate>

</asp:FormView>

</ContentTemplate>

</telerik:RadWindow>

Also note that setting border="1" on the table does not show the border, so I know there is some hidden CSS that is overriding it.

And from the CSS file:

.summaryblock

{

border-collapse: collapse;

border: 1px solid #808080;

font: 12px "segoe ui" , arial, sans-serif;

}

.summaryblock td

{

border: 1px solid #A0A0A0;

text-align: right;

padding: 5px;

}

The table does pick up the font and text aling styles, but not the border or padding. Any help much appreciated.

Window

answered on 15 Dec 2010

1 answer

52 views

Sliders in repeater not working properly in IE6

hi,
In my project i need to add more than 10 sliders to a repeater along with text boxes and labels. These sliders are added dynamicaly.
Below pasted the source of repeater. Div height is 135 so when more records are there it will become scrollable.

<asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound" >

<table>

</HeaderTemplate>

<tr>

<asp:Label ID="lblProduct1" runat="server" Text='<%#DataBinder.Eval(Container.DataItem,"ProductName") %>'></asp:Label>

</td>

<asp:TextBox Width="50px" ID="TextBox1" runat="server" Text="" onBlur= "CheckEnteredValue" ></asp:TextBox>

<asp:HiddenField ID= "hiddenTextBox1" runat="server" Value = '<%#DataBinder.Eval(Container.DataItem,"NumberOfPatients") %>' />

</td>

<td>

<telerik:RadSlider ID="RadSlider1" runat="server" AutoPostBack="true" Value='<%# Convert.ToInt32(DataBinder.Eval(Container.DataItem,"NumberOfPatients")) %>'

OnClientBeforeValueChange="OnClientValueChanging1" OnClientSlideStart="OnClientSlideStart1" ToolTip='<%# DataBinder.Eval(Container.DataItem,"ProductName") %>'

OnClientSlideEnd="OnClientSlideEnd" OnClientValueChange="ClientValueChangedRep1" >

</telerik:RadSlider>

</td>

</tr>

</ItemTemplate>

</table>

</FooterTemplate>

</asp:Repeater>

</div>

Now after databind() to repeater. In IE8 , it is displayed properly. But IE6 it is not aligned properly. When i use IE6, the scroll is present but only
textbox and lable is scrolling properly, sliders are not. I have attached both screen shot samples.

Please give me a solution. its very urgent. Where am doing wrong?

Slider

answered on 15 Dec 2010