Questions on UI for ASP.NET AJAX Forum

1 answer

80 views

im trying to get the value of a combobox when the user types in the value rather than choosing it.

initially the combobox is empty, i type a value but both selectedvalue and text properties are empty in code behind when i want to store the value.

i would have expected the latter to be the way to get at this.

how do i get the typed in values when using the combobox this way?

ComboBox

answered on 17 Nov 2011

3 answers

111 views

Customizing Apperance of Inactive Items

As the enclosed screenshot shows, I've implemented the RadListBox in order to show listbox items with more than one line of text. I'm making good progress with it but am stuck on one thing. Simply put, how do I effect styling on items that are not being hovered or clicked on?

To accomplish what I've done so far I implemented a custom 'ItemTemplate" as follows:

<telerik:RadListBox ID="radListBoxStopes" runat="server" Width="100%" Height="100%" OnItemCreated="radListBoxStopes_ItemCreated"> <ItemTemplate> <asp:Panel runat="server" style="padding-bottom:0px; border: solid 1px black"> <asp:Label ID="labelStope" runat="server" Text='<%# Eval("Description") %>' CssClass="muckListPrimary" /><br /> <asp:Label ID="labelUnits" runat="server" Text='<%# Eval("Units", "{0:0 units}") %>' CssClass="muckListSecondary" /> <asp:HiddenField ID="hidFieldMaterial" runat="server" Value='<%# Eval("Material").ToString() %>' /> </asp:Panel> </ItemTemplate> </telerik:RadListBox>

The problem with this is that the border around each item actually shows around the Panel inside the item, not the item itself.

In my CSS code I added this code:

 .rlbActive {  background: #b3d4f5 !important;  border: 1px solid blue !important; } .rlbHovered {  background: #ffff80 !important;  border: 1px solid red !important; }

But, so far, I have not been able to figure out how to identify the inactive items.

Any ideas?

Robert

ListBox

answered on 17 Nov 2011

5 answers

213 views

Zoom and Scroll problem

Hi,

I have a big problem: my RadChart with scroll and zoom have a rendering problem with FireFox and Chrome but run with IE.
This is my scenario:

<asp:UpdatePanel ID="m_upd_MarkerPricesChart" runat="server" UpdateMode="Conditional">
 <ContentTemplate>
 <telerik:RadChart ID="m_rcv_MarketPrices" runat="server" DataSourceID="m_Chart_MarketPricesDataSource"
 ChartTitle-TextBlock-Text="Power Market Prices [EUR/MWh]" SkinID="Prices" OnItemDataBound="m_rcv_MarketPrices_ItemDataBound"
 Width="1140px" Height="380px" DefaultType="Line" IntelligentLabelsEnabled="true"
 Skin="DeepGray" AutoLayout="true">
 <Legend Visible="true">
 <Appearance GroupNameFormat="#SeriesName" />
 </Legend>
 <PlotArea>
 <YAxis MinValue="50" MaxValue="150" Step="10" AutoScale="false" />
 <XAxis AutoScale="false" />
 </PlotArea>
 <ClientSettings ScrollMode="Both" />
 <Series>
 <telerik:ChartSeries DataYColumn="CH - Power Market Price [EUR/MWh]" Name="CH - Power Market Price [EUR/MWh]">
 <Appearance LabelAppearance-Visible="false">
 <PointMark Visible="True" Dimensions-AutoSize="false" Dimensions-Height="10px" Dimensions-Width="10px">
 <FillStyle MainColor="186, 207, 141" FillType="solid">
 </FillStyle>
 </PointMark>
 <LineSeriesAppearance Width="3" />
 </Appearance>
 </telerik:ChartSeries>
 <telerik:ChartSeries DataYColumn="IT - Power Market Price [EUR/MWh]" Name="IT - Power Market Price [EUR/MWh]">
 <Appearance LabelAppearance-Visible="false">
 <PointMark Visible="True" Dimensions-AutoSize="false" Dimensions-Height="10px" Dimensions-Width="10px">
 <FillStyle MainColor="186, 207, 141" FillType="solid">
 </FillStyle>
 </PointMark>
 <LineSeriesAppearance Width="3" />
 </Appearance>
 </telerik:ChartSeries>
 <telerik:ChartSeries DataYColumn="DE - Power Market Price [EUR/MWh]" Name="DE - Power Market Price [EUR/MWh]">
 <Appearance LabelAppearance-Visible="false">
 <PointMark Visible="True" Dimensions-AutoSize="false" Dimensions-Height="10px" Dimensions-Width="10px">
 <FillStyle MainColor="186, 207, 141" FillType="solid">
 </FillStyle>
 </PointMark>
 <LineSeriesAppearance Width="3" />
 </Appearance>
 </telerik:ChartSeries>
 <telerik:ChartSeries DataYColumn="RO - Power Market Price [EUR/MWh]" Name="RO - Power Market Price [EUR/MWh]">
 <Appearance LabelAppearance-Visible="false">
 <PointMark Visible="True" Dimensions-AutoSize="false" Dimensions-Height="10px" Dimensions-Width="10px">
 <FillStyle MainColor="186, 207, 141" FillType="solid">
 </FillStyle>
 </PointMark>
 <LineSeriesAppearance Width="3" />
 </Appearance>
 </telerik:ChartSeries>
 </Series>
 </telerik:RadChart>
 <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" SkinID="Graph"
 ToolTipZoneID="m_rcv_MarketPrices" />
 </ContentTemplate>
</asp:UpdatePanel>
<asp:ObjectDataSource ID="m_Chart_MarketPricesDataSource" runat="server" SelectMethod="ReadAllForGraph"
 TypeName="Zelando.SEM.BLL.MarketPricesManager" OldValuesParameterFormatString="original_{0}">
 <SelectParameters>
 <asp:ControlParameter ControlID="m_Update_hdn_StrategicPeriodID" PropertyName="Value"
 Type="Int32" Name="StrategicPeriodID" DefaultValue="-1" ConvertEmptyStringToNull="false" />
 <asp:ControlParameter ControlID="m_Update_hdn_ShowNumItem" PropertyName="Value" Type="Int32"
 Name="ShowNumItem" DefaultValue="-1" ConvertEmptyStringToNull="false" />
 </SelectParameters>
</asp:ObjectDataSource>

What can I do?

Thanks in advance,

Francesco Balatti
zelando.com

Chart (Obsolete)

answered on 17 Nov 2011

4 answers

233 views

Custom Skins and RadDatePicker

RadDatePicker does NOT skin correctly with CustomSkins. It appears to be the same issue I had before with RadWindowManager and RadAjaxManager. Please refer to my last topic: http://www.telerik.com/community/forums/aspnet-ajax/skin-manager/custom-skins-radwindow-fails-to-load-css.aspx

If I include the Custom CSS file manually the DatePicker skins correctly.

SkinManager

answered on 17 Nov 2011

1 answer

247 views

Checkboxes missing in Google Chrome?

Hey Guys,

I have a TreeView which works nicely on FF and IE but on Chrome refuses to render the checkboxes? The list itself and the expanding nodes are all fine, but no checkboxes appear at all.
Is this a known issue or is there something else I need to do to activate them for this browser?

thanks

TreeView

answered on 17 Nov 2011

2 answers

112 views

[Solved] change date time in advanced insert template based on custom resource selection

Hello all,

Is it possible to change the date and time components in the advanced insert template based on another resource (drop down list) value? Here is the scenario: a clinic has a predetermined date - we need the users to be able to select the clinic from a dropdownlist in the insert template (which is working) and update the dates and times based on the clinic date (which is not working), regardless of which date they gain access to the insert template.

Any help is appreciated.

JS

Scheduler

answered on 17 Nov 2011

0 answers

116 views

Multiple Resources with AutoComplete Tokenized Input

I've implemented a custom provider to support a multiple value resource type which is rendered as the default checkbox list.
Instead, I'd like to implement an AutoComplete Tokenized Input control, not unlike what hotmail does for the address bar. Perhaps I would use something like this http://code.drewwilson.com/entry/autosuggest-jquery-plugin

I would like users to type the first few characters of the resource name, select it from the list, and then it becomes a type of button with a delete x on it so you can remove it. If I go to add another resource, I shouldn't be able to see already added resources from the list.

Has anybody implemented something like this? It would be a great help if somebody has implemented something like this already.

Thanks for all the great samples and demos you make available online here and in the demo section .

Barry Gervin
bgervin@gervin.com

Scheduler

asked on 16 Nov 2011

7 answers

536 views

RadTabStrip showing contents of all tabs on page load

I have a RadTabStrip with 3 tabs. The first tab should be selected and shown when the page loads. I have included the html below and an attachment of the page when it loads the tabs.. I use the tabstrip in several other areas of the site with the same skin and have no issues at all. Any ideas?

I cut out alot of the code to simplify what is showing.

<telerik:RadTabStrip ID="RepWorkspaceTabStrip" runat="server" MultiPageID="RadMultiPage1" EnableEmbeddedSkins="false" Skin="CustomSkin" CausesValidation="false">

<Tabs>

<telerik:RadTab Text="Tracking Record Look-up" PageViewID="TrackingRecordTab" Selected="true" />

<telerik:RadTab Text="Rep Activity Summary" PageViewID="ActivitySummaryTab" />

<telerik:RadTab Text="Rep Activity Log" PageViewID="ActivityLogTab" />

</Tabs>
</telerik:RadTabStrip>

<

telerik:RadMultiPage ID="RadMultiPage1" SelectedIndex="0" runat="server">

<telerik:RadPageView ID="TrackingRecordTab" runat="server">

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="ActivitySummaryTab">

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="ActivityLogTab">

<telerik:RadGrid ID="RepActivityLogGrid" runat="server" PageSize="20" Skin="ATTSkin" EnableEmbeddedSkins="false" Width="100%" AllowPaging="true" Visible="true" AlternatingItemStyle-BackColor="#E7F6FD" ShowHeader="true">

</telerik:RadGrid>

</telerik:RadPageView>

</telerik:RadMultiPage>

TabStrip

answered on 16 Nov 2011

5 answers

290 views

Can't bind a treeview when it has a node template.

I can bind a array (containing hierarchical data) to a treeview with no problem. I've been able to use a template when I've created the nodes programically.

I can't seem to be able to bind the array to a tree veiw that has a node template:

Error:
DataBinding: 'Telerik.Web.UI.RadTreeNode' does not contain a property with the name 'user'.

code:

<telerik:RadTreeView ID="RadTreeView1" runat="server">

<NodeTemplate>

<%# DataBinder.Eval(Container, "user")%>

<br />

<%# DataBinder.Eval(Container, "mess") %>

<br />

<%# DataBinder.Eval(Container, "dateentry") %>

</NodeTemplate>

</telerik:RadTreeView>

public class messages

{

public int id { get; set; }

public int pid { get; set; }

public string user { get; set; }

public DateTime dateentry { get; set; }

public string mess { get; set; }

public messages(int i, int p, string u, DateTime dt, string m)

{

id = i;

pid = p;

user = u;

dateentry = dt;

if (m.Length > 300)

mess = m.Substring(0, 290);

else

mess = m;

}

ArrayList data = new ArrayList();

protected void Page_Load(object sender, EventArgs e)

{

if (IsPostBack)

{

data = (ArrayList)Session["Data4"];

}

else

{

data = new ArrayList();

LoadData();

Session["Data4"] = data;

}

RadTreeView1.DataSource = data;

RadTreeView1.DataTextField = "mess";

RadTreeView1.DataValueField = "id";

RadTreeView1.DataNavigateUrlField = "";

RadTreeView1.DataFieldID = "id";

RadTreeView1.DataFieldParentID = "pid";

RadTreeView1.DataBind();

}

TreeView

answered on 16 Nov 2011

28 answers

837 views

[Solved] Dynamically adding docks & loading content from a database

I haven't seen an examples online or in the documentation for what I'm trying to do. Has anyone dynamically created docks from content loaded from a database?

It seems like a realatively easy thing to do, but I seem to be having a problem with it. It may just be beause of the way I'm dynamically creating the docks, but I only get the first row of content from my database table to appear. If I hit refresh, the rest of the content appears, although not in any of the specified zones I have. They show up in the upper left corner of the browser.

Does anyone have some samples of doing anything like this?

Thanks!

Paul

Dock

answered on 16 Nov 2011