Questions on UI for ASP.NET AJAX Forum

4 answers

144 views

http://s284.photobucket.com/albums/ll18/mdewind/?action=view&current=ChartImageCAWB72VY.png

This is the image of my bar chart, and as you can see some series have items that are randomly invisible but show the % of the data. Also there's grey text for the 2 right series even though I have tried specifying for them to be black. Is there a reason the bars are invisible and the text is ignoring the color I am specifying?

Code:

<telerik:RadChart ID="RadChart1" runat="server" DataSourceID="SqlDataSource1"

Height="650px" Skin="Default" Width="1100px" AutoLayout="True">

<Appearance>

<Border Color="134, 134, 134" />

</Appearance>

<Series>

<telerik:ChartSeries Name="Unspecified" DataYColumn="Group1Perc"

DefaultLabelValue="#Y%">

<Appearance>

<FillStyle FillType="Solid" MainColor="11, 111, 21" GammaCorrection="False">

</FillStyle>

<TextAppearance TextProperties-Color="Black"></TextAppearance>

<Border Color="69, 115, 167" Visible="False" Width="0"></Border>

</Appearance>

</telerik:ChartSeries>

<telerik:ChartSeries Name="Routine visit, unspecified purpose"

DataYColumn="Group2Perc" DefaultLabelValue="#Y%">

<Appearance>

<FillStyle FillType="Solid" MainColor="111, 11, 99" GammaCorrection="False">

</FillStyle>

<TextAppearance TextProperties-Color="Black"></TextAppearance>

<Border Color="107, 70, 68" Visible="False" Width="0"></Border>

</Appearance>

</telerik:ChartSeries>

<telerik:ChartSeries DataYColumn="Group3Perc" DefaultLabelValue="#Y%"

Name="Contracting discussion/negotiation">

<Appearance>

<FillStyle FillType="Solid" MainColor="0, 0, 153" GammaCorrection="False">

</FillStyle>

<TextAppearance TextProperties-Color="Black"></TextAppearance>

<Border Color="136, 166, 78" Visible="False" Width="0"></Border>

</Appearance>

</telerik:ChartSeries>

<telerik:ChartSeries DataYColumn="Group4Perc" DefaultLabelValue="#Y%"

Name="Present/discuss new biopharmaceutical company product data">

<Appearance>

<FillStyle FillType="Solid" MainColor="196, 196, 196" GammaCorrection="False">

</FillStyle>

<TextAppearance TextProperties-Color="Black"></TextAppearance>

<Border Color="113, 88, 143" Visible="False" Width="0"></Border>

</Appearance>

</telerik:ChartSeries>

<telerik:ChartSeries DataYColumn="Group5Perc" DefaultLabelValue="#Y%"

Name="Discuss new competitor product data ">

<Appearance>

<FillStyle FillType="Solid" MainColor="84, 208, 116" GammaCorrection="False">

</FillStyle>

<TextAppearance TextProperties-Color="Black"></TextAppearance>

<Border Color="66, 152, 175" Visible="False" Width="0"></Border>

</Appearance>

</telerik:ChartSeries>

<telerik:ChartSeries DataYColumn="Group6Perc" DefaultLabelValue="#Y%"

Name="Discuss new entrant (brand or generic) ">

<Appearance>

<FillStyle FillType="Solid" MainColor="166, 42, 151" GammaCorrection="False">

</FillStyle>

<TextAppearance TextProperties-Color="Black"></TextAppearance>

<Border Color="219, 132, 61" Visible="False" Width="0"></Border>

</Appearance>

</telerik:ChartSeries>

<telerik:ChartSeries DataYColumn="Group7Perc" DefaultLabelValue="#Y%"

Name="Present/discuss value added program/distribute value added materials ">

<Appearance>

<FillStyle FillType="Solid" MainColor="3, 122, 231" GammaCorrection="False">

</FillStyle>

<TextAppearance TextProperties-Color="Black">

</TextAppearance>

<Border Visible="False" Width="0" />

</Appearance>

</telerik:ChartSeries>

<telerik:ChartSeries DataYColumn="Group8Perc" DefaultLabelValue="#Y%"

Name="Other">

<Appearance>

<FillStyle FillType="Solid" MainColor="134, 134, 134" GammaCorrection="False">

</FillStyle>

<TextAppearance TextProperties-Color="Black">

</TextAppearance>

<Border Visible="False" Width="0" />

</Appearance>

</telerik:ChartSeries>

</Series>

<Legend>

<Appearance Dimensions-Margins="1px, 1px, 1px, 1px"

Dimensions-Paddings="2px, 8px, 6px, 3px" Overflow="Row"

Position-AlignedPosition="Bottom">

<ItemTextAppearance TextProperties-Color="Black">

</ItemTextAppearance>

<ItemMarkerAppearance Figure="Square">

</ItemMarkerAppearance>

<Border Visible="False" />

</Appearance>

</Legend>

<PlotArea>

<XAxis AutoScale="False" DataLabelsColumn="XLabel" MaxValue="7" MinValue="1"

Step="1">

<Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134">

<MajorGridLines Color="134, 134, 134" Width="0" />

<TextAppearance TextProperties-Color="Black">

</TextAppearance>

</Appearance>

<AxisLabel>

<TextBlock>

<Appearance TextProperties-Color="Black">

</Appearance>

</TextBlock>

</AxisLabel>

<Items>

<telerik:ChartAxisItem Value="1">

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="2">

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="3">

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="4">

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="5">

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="6">

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="7">

</telerik:ChartAxisItem>

</Items>

</XAxis>

<YAxis AutoScale="False" MaxValue="100" MinValue="0" Step="10">

<Appearance Color="134, 134, 134" MajorTick-Color="134, 134, 134"

MinorTick-Color="134, 134, 134" MajorTick-Visible="False"

MinorTick-Visible="False">

<MajorGridLines Color="134, 134, 134" Visible="False" />

<MinorGridLines Color="134, 134, 134" Visible="False" />

<TextAppearance TextProperties-Color="Black">

</TextAppearance>

</Appearance>

<AxisLabel>

<TextBlock>

<Appearance TextProperties-Color="Black">

</Appearance>

</TextBlock>

</AxisLabel>

<Items>

<telerik:ChartAxisItem>

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="10">

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="20">

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="30">

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="40">

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="50">

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="60">

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="70">

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="80">

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="90">

</telerik:ChartAxisItem>

<telerik:ChartAxisItem Value="100">

</telerik:ChartAxisItem>

</Items>

</YAxis>

<Appearance Dimensions-Margins="90px, 50px, 170px, 50px">

<FillStyle FillType="Solid" MainColor="" SecondColor="">

</FillStyle>

</Appearance>

</PlotArea>

<ChartTitle>

<Appearance>

<FillStyle MainColor="">

</FillStyle>

</Appearance>

<TextBlock Text="Original Purpose(s) of Meeting">

<Appearance TextProperties-Color="Black" TextProperties-Font="Arial, 18px">

</Appearance>

</TextBlock>

</ChartTitle>

</telerik:RadChart>

Chart (Obsolete)

answered on 11 Aug 2011

1 answer

49 views

Self Referencing Hierarchy with an additional Detail table - Help Needed Please

I put together a grid of categories that are self referencing which worked like expected. How I need to add in a detail table of products that could be associated with any level of the existing hierarchy. Please see the following for an example hierarchy:

Category 1
    Category 1a
    Category 1b
        Category 1b1
        Products for category 1b1
Category 2
    Category 2a
    Products for category 2a
Category 3

I am having issues adding the detail information. When I select to expand hierarchy from the main list of categories, nothing happens. None of the child categories appear and none of the products appear.

<telerik:RadGrid ID="RadGrid1" runat="server" Skin="Web20"

OnItemCreated="RadGrid1_ItemCreated"

OnItemDataBound="RadGrid1_ItemDataBound" OnColumnCreated="RadGrid1_ColumnCreated"

AutoGenerateColumns="False" ShowStatusBar="True"

CellSpacing="0" GridLines="None" AllowAutomaticInserts="True">

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

<MasterTableView DataKeyNames="CATEGORY_CDE, PARENT_CDE" ShowHeader="true"

HierarchyDefaultExpanded="false" AllowSorting="true"

CommandItemDisplay="Bottom" editmode="InPlace" InsertItemDisplay="Bottom">

<SelfHierarchySettings KeyName="CATEGORY_CDE" ParentKeyName="PARENT_CDE" />

<DetailTables>

<telerik:GridTableView runat="server" DataKeyNames="Category_Cde,Product_Cde"

DataMember="ProductList">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="Category_Cde"

MasterKeyField="Category_Cde" />

</ParentTableRelation>

<CommandItemSettings ExportToPdfText="Export to PDF" />

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</telerik:GridTableView>

</DetailTables>

<CommandItemSettings ExportToPdfText="Export to PDF"

AddNewRecordText="Add New Category"></CommandItemSettings>

<Columns>

<telerik:GridExpandColumn FilterControlAltText="Filter ExpandColumn column"

Visible="True">

</telerik:GridExpandColumn>

<telerik:GridBoundColumn DataField="Category_Cde" UniqueName="Category_Cde" Visible="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Parent_cde" UniqueName="Parent_cde" Visible="true">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

</MasterTableView>

<ClientSettings AllowExpandCollapse="true" />

<FilterMenu EnableImageSprites="False"></FilterMenu>

</telerik:RadGrid>

Protected Sub RadGrid1_NeedDataSource(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid1.NeedDataSource

bindRadDataGrid()

End Sub

Sub bindRadDataGrid()

Dim db As New WebCatVB.category

categoryListInfo = db.GetCategoryList()

RadGrid1.DataSource = categoryListInfo

End Sub

Protected Sub RadGrid1_DetailTableDataBind(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridDetailTableDataBindEventArgs) Handles RadGrid1.DetailTableDataBind

Dim parentItem As GridDataItem = CType(e.DetailTableView.ParentItem, GridDataItem)

If parentItem.Edit Then

Return

End If

If (e.DetailTableView.DataMember = "ProductList") Then

Dim db As New WebCatVB.product

Dim dataItem As GridDataItem = CType(e.DetailTableView.ParentItem, GridDataItem)

Dim cat As String = dataItem.GetDataKeyValue("CATEGORY_CDE").ToString()

e.DetailTableView.DataSource = db.GetProductList(cat)

End If

End Sub

Could someone take a quick look at the above code and let me know where my logic when wrong. I looked at similar forums but was unable to find what I was overlooking. Any assistance would be greatly appreciated.

Thanks!

Grid

answered on 11 Aug 2011

1 answer

95 views

[Solved] RadTreeView Start partially expanded

We are trying to construct a File Explorer type of experience for browsing a file structure that is stored in our database. I explored the RadFileExplorer and found that, while it's tree view was good, the file view side would not show a radgrid with customizable/filterable columns without a whole lot of work, so I'm constructing our file explorer by using a RadTreeView and a RadGrid instead.

Due to the size of the file structure, I decided to use the RadTreeView's LoadOnDemand. I'm currently using ExpandMode=WebService, since I have to go back to the database for the "values" of the nodes and use my business objects to populate the "text" -- but I don't want to have to deal with the overhead of a postback.

I load the root of the file structure during TreeView_Load:

if(!this.IsPostBack)

{

tvFolders.Nodes.Add(new RadTreeNode("Files", "1"){ExpandMode = TreeNodeExpandMode.WebService});

}

This is working great when I want to start my file explorer in the root node. However, there are cases in my app when I want to start in a subdirectory. (For example: Files/Folder/SubFolder)

I would like to expand the "Files" node (and populate it's children), the "Folder" node (and populate it's children), and select the "SubFolder" node (so that it fires the SelectedIndexChanged event, which populates the RadGrid). I don't know at design time how deep into the tree I'll need to load, but I will know the entire path (both by Text and by Value) by the time I need to populate the tree in OnLoad.

Is this possible with WebService expand? If so, how can I do it? I've tried just setting Node.Expand=true, but that doesn't seem to populate all the children.

--Christina

TreeView

answered on 11 Aug 2011

3 answers

141 views

No CAPTCHA Audio in IE 8

I cannot hear any CAPTCHA audio in IE8 (for Windows 7), although it works fine in Firefox on the same computer. I have tried multiple computers (all similar configuration) in our office and all have the same issue.

This applies to my own code as well as the sample on demos.telerik.com.

I have the Quicktime add-in installed and enabled for all sites, but do not have Quicktime Player installed.

There is no error, just no sound.

What is required for audio to work and if Quicktime is not installed should it not prompt to install the add-in or revert to the WAV files?

Captcha

answered on 11 Aug 2011

1 answer

107 views

Custom Drop Down

I need to create a drop down menu for a toolbar like the attached image "tbdropdown.png". (I also attached a second image "tbdropdown2.png" to further illustrate the concept.)

Can I do this with the toolbar component? If not, what Telerik components should I use to accomplish this task?

I thought about taking a RadButton and making a dropdown pop below it, and sticking that in the toolbar, but I can't figure out how to make a drop down similar to "tbdropdown.png".

Any assistance as to where I should start, and what components I should use would be greatly appreciated. Thanks!

ToolBar

answered on 11 Aug 2011

1 answer

110 views

SPRadGrid and SPRadListView: "File Not Found" binding to SharePoint List

Hello,

I am getting a "File Not Found" Error when binding SPRadGrid and SPRadListView to a SharePoint List data source.

Please see screen shot.

Can this be fixed?

Thank you,

David

Sharepoint Integration

answered on 11 Aug 2011

0 answers

51 views

Arrange 3 RadListBox + 2 RadGrids in Page Aspx

Hello people,

I'm using 3 RadListBoxes with 2 RadGrids on the same page aspx, but i' d'ont know how to arrange them in the page...

I'm using a <table> to group them in columns but it's not working...I d'ont like the appearence

Can you help me?

My code aspx is the next:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AssignInvoices.aspx.cs" Inherits="iConnect.InvoicesScaling.Views.AssignInvoices"

Title="AssignInvoices" MasterPageFile="~/Shared/Silver.master" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="content" ContentPlaceHolderID="DefaultContent" runat="Server">

<script src="../Shared/js/jquery-1.6.2.min.js" type="text/javascript"></script>

<script src="../Shared/js/jquery.tooltip.js" type="text/javascript"></script>

<script type="text/javascript" src="../Silverlight.js"></script>

<h1 style="text-align: center;">

Assign Invoices</h1>

<br />

<table>

<tr>

<td>

<telerik:RadListBox ID="RadListBox1" runat="server" AllowReorder="True" Skin="Black"

Sort="Ascending" Height="400px" Width="250px" EnableDragAndDrop="True">

<ButtonSettings TransferButtons="All"></ButtonSettings>

<HeaderTemplate>

<h5 style="color: White; text-align: center">

USERS</h5>

</HeaderTemplate>

</telerik:RadListBox>

</td>

<td>

<telerik:RadListBox ID="RadListBox2" runat="server" SelectionMode="Multiple" EnableDragAndDrop="True"

Height="400px" Width="150px" AllowReorder="True" Skin="Black">

<ButtonSettings TransferButtons="All"></ButtonSettings>

<HeaderTemplate>

<h5 style="color: White; text-align: center">

GROUPS</h5>

</HeaderTemplate>

</telerik:RadListBox>

</td>

<td>

<telerik:RadListBox ID="RadListBox3" runat="server" EnableDragAndDrop="True" Height="400px"

Width="150px" AllowReorder="True" Skin="Black">

<ButtonSettings TransferButtons="All"></ButtonSettings>

<HeaderTemplate>

<h5 style="color: White; text-align: center">

STAGING</h5>

</HeaderTemplate>

</telerik:RadListBox>

</td>

<td>

<telerik:RadButton ID="RadButton1" runat="server" Text="Assign" Skin="Black" Width="100px"

Height="50px" OnClick="RadButton1_Click">

</telerik:RadButton>

<br />

<telerik:RadButton ID="RadButton2" runat="server" Text="Unassign" Skin="Black" Width="100px"

Height="50px" OnClick="RadButton2_Click">

</telerik:RadButton>

</td>

<td>

</td>

<td>

</td>

<td>

<h1>

Total Invoices Resume </h1>

<telerik:RadGrid ID="RadGrid1" runat="server" Skin="Windows7">

</telerik:RadGrid>

</td>

</tr>

<tr>

<td>

</td>

<tr>

<td>

</td>

<td>

<telerik:RadGrid ID="RadGrid2" runat="server" Skin="Windows7">

</telerik:RadGrid>

<h1>

Total Invoices Resume </h1>

<telerik:RadGrid ID="RadGrid3" runat="server" Skin="Windows7">

</telerik:RadGrid>

</td>

</tr>

</table>

<br />

</asp:Content>

ListBox

asked on 11 Aug 2011

1 answer

115 views

Slider Vertical Text

Is there a way to make the text of RadSliderItems vertical?

Example

Slider

answered on 11 Aug 2011

1 answer

140 views

Custom Skin + ASP.Net Theme + IE 31 style sheet limit

Hi,

I was wondering what the preferred method of using a custom skin (all controls) within a theme and what the possible impacts of combining the 65+ css files (base + skin as I need to tweak some of the base styles) into a smaller number so they load correctly in IE (31 style sheet limit issue).

Thanks
Gavin.

General Discussions

answered on 11 Aug 2011

1 answer

133 views

Bar Chart --bar width optimization

Hi,

Can by any mean i fix the width of a bar in a bar chart.

as if the number of bars are less ,then each bar takes enormous width whereas if the number of bars are more ,then all the bars shrinks to very small width.

can any one suggest me any fix for this .

ASAP.

Chart (Obsolete)

answered on 11 Aug 2011