Questions on UI for ASP.NET AJAX Forum

2 answers

107 views

Load DropDown Box When Tab is Made Visible

I am using a RadTabStrip, one of the dropdown boxes is loaded depending on a previous tab's controls (depending on what the user selects on a previous tab)

I have it set up with a TabStrip, MultiPageView and PageViews.

I used the RadTabStrip Unload event to figure out which tab is currently being viewed and load the dropdown box as follows:

Protected Sub RadTabStrip1_Unload(ByVal sender As Object, ByVal e As System.EventArgs) Handles RadTabStrip1.Unload

Select Case RadTabStrip1.SelectedTab.Text

Case "Case Info"

Case "Client Info"

Case "Experts"

Case "Letter Details"

'get office phone numbers

Dim db As New RFIDataContext

Dim q = (From o In db.Offices _

Where o.OfficeId = rcbOffice.SelectedValue _

Select o.Fax, o.Fax2, o.Fax3).First

With q

If Not IsNothing(q.Fax) Then

If q.Fax.Trim <> String.Empty Then

ddlFaxes.Items.Add(FormatPhoneDots(q.Fax))

End If

If Not IsNothing(q.Fax2) Then

If q.Fax2.Trim <> String.Empty Then

ddlFaxes.Items.Add(FormatPhoneDots(q.Fax2))

End If

If Not IsNothing(q.Fax3) Then

If q.Fax3.Trim <> String.Empty Then

ddlFaxes.Items.Add(FormatPhoneDots(q.Fax3))

End If

End With

Case "Sign & Save"

End Select

The problem is that the dropdown box is still empty. The event fires and the data is pulled and loaded but not updated on the page. (I confirmed through debugging that everything works above just nothing is visually loaded)

What am I missing?

Coty

TabStrip

answered on 31 Aug 2010

3 answers

179 views

Grid Settings Persisting, problem with column order

Hello Telerik,

I just switched to the Q2 release and finally started implementing the persisting of grid settings.

Sadly, I experience a very unsatisfying behaviour.

I am populating the grid via OnNeedDataSource and explicitely checked that no simple binding happens anywhere in the code. I also create the column structure programmatically, no autocreatecolumns.

In the grid, I have a couple of columns (especially the first five columns) hidden by default.

When I persist grid settings after for example changing the order of columns via drag/drop or if I show a hidden column and then persist the settings, the settings are persisted with the wrong order.

If I have column a(hidden), b, c, d

then drag column b after c, so I have

a(hidden), c, b, d

then show column a, so I have

a,c,b,d

and then persist and reload the settings, the result is:

a (hidden (why?)), b (instead of c, with width of a!), c (with width of b), d (with width of c)

and the grid itself when resizing a column explodes into the right (maybe because one column "more" has been persisted than is currently shown? Furthermore, neither grouping, filter expressions or sorting is persisted. If I sort a column, after loading the settings the column is highlighted (like beeing sorted) but without a sort indicator and no sorting is done at all.

I tried many things, loading settings at different points in the control lifecycle, but basically have given up for now. I am using the code from the latest demo.

What can I check for to get on the right trail of fixing this problem?

best regards

Ulrik

Grid

answered on 31 Aug 2010

8 answers

523 views

RadGrid HeaderImage with HeaderText

Hi,

When I add a header image to a rad grid column the text disappears. With the column code below I see the image but no text. If I remove the HeaderImageUrl the text reappears.

<telerik:GridBoundColumn HeaderText="OPPE Forms Not Started" HeaderImageUrl="../images/notstarted.png" ItemStyle-CssClass="gridNumberColumns" DataField="FormsNotStarted" DataType="System.Int32"

UniqueName="FormsNotStarted">

</telerik:GridBoundColumn>

</Columns>

Grid

answered on 31 Aug 2010

6 answers

227 views

Set the font type and size in inline editing

Hi,

How do I set the font name and size when using the inline editing? This feature would be most excellent.

Thanks,

Grid

answered on 31 Aug 2010

1 answer

114 views

How to debug RadComboBox?

Hi

http://alpha.mateerit.co.nz/materials.aspx

This page has 2 radcombobox's on it, which are connected in a subcategory way.. with linq datasources.

I'm getting a strange rendering bug in IE6, whereby it is the radcombobox's (which I've got on other pages as well, with the same issue) which seem to affect the IE6 specific css (shown below) and cause it problems. Basically the menu images appear white and can't be clicked on the live site.

Anything obvious that RadComboBox would be affecting below?

IE6 specific CSS:

.page

{

background: none;

width: 970px;

margin: 0px auto;

}

#nav li

{

width: 80px;

}

#nav li a div

{

right: 16px !important;

left: auto !important;

}

#bd

{

width: 968px;

}

#ft

{

position: relative;

text-align: center;

}

.footer-logo

{

position: absolute;

top: 4px;

left: 9px;

}

.ccc-logo

{

position: absolute;

top: 10px;

right: 17px;

}

#bottom

{

display: none;

}

.form {

font-size: 83%;

}

.form input {

height: 21px !important;

}

.form .field.checkField .value input {

width: auto;

}

ComboBox

answered on 31 Aug 2010

1 answer

122 views

MediaWiki Usage

I was curious if anyone had implemented radeditor on a MediaWiki site. I love the editor but was curious whether it was compatible with the wikitext markup syntax. Anyone tried this?

Editor

answered on 31 Aug 2010

2 answers

138 views

Issues with RadWindow

Hi,

I'm having issues with the resizing of the RadWindw. I have a grid that contains an edit link that the user clicks on the window. However when the user closes the window and clicks edit for another row in the grid the RadWindow looses it setup size and the window is very small.

Thanks,
Here is the code that contains this information:

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script language="javascript" type="text/javascript">

function EditSchedule(taskid,rowIndex) {

var grid = $find("<%=AstonishDataManagement.ClientID%>");

var rowControl = grid.get_masterTableView().get_dataItems()[rowIndex].get_element();

grid.get_masterTableView().selectItem(rowControl, true);

window.radopen("Datascheduledetail.aspx?TaskId=" + taskid, "UserListDialog"); ;

return false;

}

function Openform() {

window.radopen("Datascheduledetail.aspx", "UserListDialog");

return false;

}

</script>

</telerik:RadCodeBlock>

<telerik:RadWindowManager Behaviors="Close,Resize,Maximize,Move" runat="server" ID="RWinMgr"

ShowContentDuringLoad="true" DestroyOnClose="true" KeepInScreenBounds="true"

VisibleStatusbar="false" Modal="true" Style="z-index: 8000;" Skin="Office2007">

<Windows>

<telerik:RadWindow ID="UserListDialog" runat="server" Title="Edit Schedule" Height="550px"

Width="750px" Left="150px" ReloadOnShow="true" ShowContentDuringLoad="false"

Modal="true" />

</Windows>

</telerik:RadWindowManager>

The grid caller partial code:

<telerik:RadGrid ID="AstonishDataManagement" runat="server" AllowPaging="True" AllowSorting="True"

ClientSettings-Scrolling-AllowScroll="false" AutoGenerateColumns="False" GridLines="None"

Skin="Office2007" PageSize="10" OnNeedDataSource="AstonishDataManagement_NeedDataSource"

ClientSettings-Resizing-AllowColumnResize="false" OnInsertCommand="AstonishDataManagement_InsertCommand"

OnUpdateCommand="AstonishDataManagement_UpdateCommand" OnCreateColumnEditor="AstonishDataManagement_OnCreateColumnEditor"

onitemcreated="AstonishDataManagement_ItemCreated"

onitemcommand="AstonishDataManagement_ItemCommand">

<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" />

<MasterTableView Name="tblAstonishDataManagement" DataKeyNames="TaskId" AllowNaturalSort="false"

CommandItemDisplay="None">

<Columns>

<telerik:GridTemplateColumn UniqueName="TemplateEditColumn" HeaderStyle-Width="5px">

<ItemTemplate>

<asp:HyperLink ID="EditLink" runat="server" Text="Edit"></asp:HyperLink>

</ItemTemplate>

Code-Behind:

protected void AstonishDataManagement_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem)

{

HyperLink editLink = (HyperLink)e.Item.FindControl("EditLink");

editLink.Attributes["href"] = "#";

editLink.Attributes["onclick"] = String.Format("return EditSchedule('{0}','{1}');",

e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["TaskId"], e.Item.ItemIndex);

}

Thanks,

Window

answered on 31 Aug 2010

5 answers

701 views

Client side setText function problem

Hello,

I am having trouble with the client-side settext() method.

It is never reaching my javascript function at all. I added a Window.alert to it, and it never happened....

Here is a sample of my code:

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function SetTextOfTheComboBox()

{

var combo = $find("<%=cmbDriveTrain.ClientID %>");

combo.SetText("Fuel Types");

}

function stopPropagation(e)

{

e.cancelBubble = true;

if (e.stopPropagation)

{

e.stopPropagation();

}

</script>

</telerik:RadCodeBlock>

<telerik:RadComboBox runat="server" ID="cmbDriveTrain" HighlightTemplatedItems="true" Skin="WebBlue" OnClientDropDownClosed="SetTextOfTheComboBox">

<Items>

<telerik:RadComboBoxItem Text="One" Value="One" />

<telerik:RadComboBoxItem Text="Two" Value="Two" />

<telerik:RadComboBoxItem Text="Three" Value="Three" />

</Items>

<ItemTemplate>

<asp:CheckBox runat="server" ID="CheckBox"

onclick="stopPropagation(event);" Text=""/>

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

</ItemTemplate>

</telerik:RadComboBox>

It's still always displaying the text of the item I last clicked, such as "One" "Two" or "Three"

EDIT: I have also tried it using a databound control and removing the "stopPropagation(event)" to no avail!

ComboBox

answered on 31 Aug 2010

4 answers

1.3K+ views

Adding items to RadCombo Dynamic and manually

Hi,

I have a dropdown which binds with a datatable on Page load method.
I want to add a "Select" option to the dropdown on top of the dropdown list.

The following the code that I have used - the issue is the select option is coming at the bottom of the list.

private void fillddlHeadline()
        {
            DataTable dt = oHead.GetDataActivateHeadlineObserved();
            DrpHeadlineObType.DataSource = dt;
            DrpHeadlineObType.DataTextField = "Module_Content_Text";
            DrpHeadlineObType.DataValueField = "headline_Id";
            DrpHeadlineObType.DataBind();
            RadComboBoxItem item1 = new RadComboBoxItem();
            item1.Text = "Select";
            item1.Value = "0";
            DrpHeadlineObType.Items.Add(item1);
        }

Any ideas?

Thanks...

ComboBox

answered on 31 Aug 2010

4 answers

168 views

[Solved] SaveScrollPosition issue

Hi,
We have grids with client side data binding. Setting "SaveScrollPosition" property of "ClientSettings" either to true or false, scroll remains on the same position as set on the previous page while navigating pages in the grid. We want for each page to be scrolled to the top. Is there anything we can do to solve this issue?
Regards

Grid

answered on 31 Aug 2010