Questions on UI for ASP.NET AJAX Forum

1 answer

188 views

I am using a RadComboBox embedded in a RadGrid in a PagerTemplate and am consistently getting a couple of pixels missing from the bottom of the text when I use IE7. Everything renders properly in Firefox. When I select the text next to the dropdown arrow in IE, the text moves up where one can see the whole text without loosing any pixels at the bottom. This even occurs if I make the combo box wider. Increasing the height using the height tag or in the style doesn't do anything to the height of the combo box. How can I make IE look the same as Firefox? A majority of our users use IE and it is a poor look for our user interface for them. I am using a custom skin which is basically the same as the grey skinning.

Thanks,
Simon

ComboBox

answered on 15 Jul 2009

2 answers

148 views

Freeze Panes equivalent - suggestions?

I have a page (internal use only) with a very wide radgrid (essentially I've replaced an offline XLS file) and at around 20 rows per page it's hard to keep track of teh column headings when scrolling vertically. I've tried the ClientSettings.Scrolling.UseStaticHeaders=True setting but this doesn't seem as neat and means I will need to set all teh header widths or else it screws up the display.

I'd prefer to code the grid so that the column headers could be output with every group header (or perhaps every innermost group header)? ie - just repeat the TR that contains the headings each time I start a new group. How would I go about this?

M

Grid

answered on 15 Jul 2009

2 answers

180 views

[Solved] Help in node template controls alignment

Hello telerik team,

I'm having trouble aligning my controls inside the node template. The desired look is node values are aligned left, while add/edit/delete controls are aligned right. But the thing is, the controls on the right should all be aligned the same way, regardless of the node's position in the hierarchy.

I was able to do this under IE7 as:

    
            <div style="width:700px">                
        
                    <telerik:RadTreeView runat="server" ID="RadTreeView1"> 
        
                        <NodeTemplate>                     
        
                                <div style="text-align:left; width:20%; float:left"> 
        
                                    <asp:Label ID="Label1"  isText="true" runat="server" Text='<%# Container.Attributes["Text"] %>' /> 
        
                                </div> 
        
                                 <div style="text-align:right; width:80%; float:right"> 
        
                                 <asp:LinkButton ID="lbtnAdd" runat="server" Text="Add" CommandName="Add" CssClass="Link" OnClick="lbtnAdd_Click"/>&nbsp;&nbsp; 
        
                                 <asp:LinkButton ID="lbtnEdit" runat="server" Text="Edit" CommandName="Edit" CssClass="Link" OnClick="lbtnEdit_Click"/>&nbsp;&nbsp; 
        
                                            <asp:LinkButton ID="lbtnDelete" runat="server" Text="Delete" CommandName="Delete" CssClass="Link"  OnCommand="lbtnDelete_Click"/> 
        
                                </div> 
        
                        </NodeTemplate> 
        
                    </telerik:RadTreeView> 
        
                </div>

But unfortunately, this doesn't work at all in IE8 or Mozilla. I'm guessing it's the percentage values on the div widths. The problem is, when I supply fixed widths on the divs, they are right aligned depending on the node's level.

Do you guys have a ready made sample to achieve this under IE8? Or perhaps a different approach.

TIA

TreeView

answered on 15 Jul 2009

1 answer

96 views

Problem in Selecting Combo ClientSide

Dear Sir,

I have 4 combobox in a page and i am using update panel.
When i select "Home address", "office address", etc from 1st combo,
address details are not showing in other combos. whenever code is being executed.

function onCustomerAddress_Loaded(result) {

try {

var rows = result.rows[0];

if (rows != null) {

$get(

'<%=txtHCZipCode.ClientID %>').value = rows.ZIPCODE;

$get(

'<%=txtHCStreet.ClientID %>').value = rows.STREET;

$get(

'<%=txtHCZipCode.ClientID %>').disabled = true;

$get(

'<%=txtHCStreet.ClientID %>').disabled = true;

if ($find('<%=cmbHCCountry.ClientID %>').findItemByValue(rows.COUNTY) != null) {

//$find('<%=cmbHCCountry.ClientID %>').clearSelection();

$find(

'<%=cmbHCCountry.ClientID %>').updateClientState();

$find(

'<%=cmbHCCountry.ClientID %>').findItemByValue(rows.COUNTY).select();

//$find('<%=cmbHCCountry.ClientID %>').commitChanges();

$find(

'<%=cmbHCCountry.ClientID %>').disable();

}

else if ($find('<%=cmbHCCountry.ClientID %>').findItemByText("Select") != null) {

$find(

'<%=cmbHCCountry.ClientID %>').clearSelection();

$find(

'<%=cmbHCCountry.ClientID %>').findItemByText("Select").select();

}

if ($find('<%=cmbHCState.ClientID %>').findItemByValue(rows.STATE) != null) {

//$find('<%=cmbHCState.ClientID %>').clearSelection();

$find(

'<%=cmbHCState.ClientID %>').updateClientState()

$find(

'<%=cmbHCState.ClientID %>').findItemByValue(rows.STATE).select();

//$find('<%=cmbHCState.ClientID %>').commitChanges();

$find(

'<%=cmbHCState.ClientID %>').disable();

}

if ($find('<%=cmbHCCity.ClientID %>').findItemByValue(rows.CITY) != null) {

// $find('<%=cmbHCCity.ClientID %>').clearSelection();

$find(

'<%=cmbHCCity.ClientID %>').findItemByValue(rows.CITY).select();

//$find('<%=cmbHCCity.ClientID %>').commitChanges();

$find(

'<%=cmbHCCity.ClientID %>').disable();

}

if ($find('<%=cmbHCLocation.ClientID %>').findItemByValue(rows.location) != null) {

//$find('<%=cmbHCLocation.ClientID %>').clearSelection();

$find(

'<%=cmbHCLocation.ClientID %>').findItemByValue(rows.location).select();

//$find('<%=cmbHCLocation.ClientID %>').commitChanges();

$find(

'<%=cmbHCLocation.ClientID %>').disable();

}

if (rows.PHONE != null) {

$get(

'<%=txtHCPhoneNo.ClientID %>').value = rows.PHONE;

$get(

'<%=txtHCPhoneNo.ClientID %>').disabled = true;

}

// if ($get('dvLoading') != null) {

// $get('dvLoading').style.display = 'none';

// }

return false;

}

catch (e) {return false;

}

function

HMC_Country_SelectedIndexChanged(sender, args) {

try {

if (locationArray != null) {

var country;

var stateControl;

country = $find(

"<%= cmbHCCountry.ClientID%>").get_value();

stateControl = $find(

"<%= cmbHCState.ClientID%>");

stateControl.clearSelection();

if (stateControl != null) {

stateControl.get_items().clear();

stateControl.commitChanges();

comboItem =

new Telerik.Web.UI.RadComboBoxItem();

comboItem.set_text(

"Select");

comboItem.set_value(

"");

stateControl.get_items().add(comboItem);

for (var rowIndex = 0; rowIndex < locationArray.rows.length; rowIndex++) {

if (locationArray.rows[rowIndex].crm_sug_country == country) {

if (stateControl.findItemByValue(locationArray.rows[rowIndex].crm_sug_state_code) == null) {

comboItem =

new Telerik.Web.UI.RadComboBoxItem();

comboItem.set_text(locationArray.rows[rowIndex].crm_sug_state);

comboItem.set_value(locationArray.rows[rowIndex].crm_sug_state_code);

stateControl.get_items().add(comboItem);

}

stateControl.commitChanges();

if (stateControl.findItemByText("Select") != null) {

stateControl.findItemByText(

"Select").select();

}

return false;

}

catch (e) {return false;

}

}

Please help....

Thanks & Regards
Brijendra Pandey

ComboBox

answered on 15 Jul 2009

5 answers

144 views

Does Telerik provide a 'width' property for custom editor buttons (i.e. EditorSplitButton)

Greetings,

I have a custom EditorSplitButton that displays images. After the user selects an image to place on the editor, the image selected should be displayed on the 'button' itself like:

In the application I'm not using faces, I'm using template names such as:

Therefore, I want to increase the width of the button to one size that will fit the largest template name. From everything I've looked at, I can't see a 'width' property for the button itself. Please note, I'm not talking about the popupwidth or height such as:

... PopupWidth="170px" PopupHeight="117px">

I want to increase the size of the button itself. Is there any property setting to do this or some kind of work-around?? I get the feeling from this article below that the latest release addressed width settings on some objects, but not custom buttons. Just do a search on the word 'width' in this article to see my point:

http://www.telerik.com/products/web-ui-test-studio/whats-new/release-history/q1-2009-version-2009-1-311-3324189759.aspx

Thanks!

Editor

answered on 15 Jul 2009

2 answers

219 views

How to create asp controls in RadPanelBar

Hi Telerik,

I am unable to create asp checkbox, button, dropdown etc.. controls in RadPanelBar.
My requirement is to create checkbox, button, dropdown in panel bar and also event for these item should fire.
Could u please help me.
Reply me as soon as possible
Its very urgent.

Thanks,
Monalisa

PanelBar

answered on 15 Jul 2009

1 answer

98 views

Docj custom button with refresh functioning

Dear sir,

In dynamic creation of DOCK , how can we create custom button with refresh functioning.
I need to refresh each and ever dock with its owm custom refresh button.

thanks & regards

Dock

answered on 15 Jul 2009

4 answers

174 views

[Solved] Using Themes

I'm working on an app that uses CSS Themes.

We have a skin file that, in turn, points to an external stylesheet for the Grids that we use, using the SkinID="rad_grid". In addition, there is a skin file entry for the ComboBoxes we use.

If I set the grid up to use "NextPrevAndNumeric" paging the ComboBox doesn't render properly. I can make it render properly by intercepting the ItemCreated event in my code, looking for the creation of the PagerItem, finding the ComboBox control and the a) setting EnableEmbeddedSkins = "true" and b) setting the Skin name. I can't change the SkinID to use my in-built themed ComboBox skin 'cos you get an error telling you that it's only possible to set this property before the control is added to the container's control collection.

So, how do I get the out-of-the-box pager to use my Themed skin for the ComboBox?

--
Stuart

Grid

answered on 15 Jul 2009

1 answer

142 views

Hide scroll

Dear sir,

I am Craeating a pie chart and disaplay in RadDock.
the problem is chart shows scroll in dock. I wants to remove scroll.
I am not giving chart heigth and dock also [dock created dynamically).

and how can I change chart colors.?
help me plz

thank with regards

Chart (Obsolete)

answered on 15 Jul 2009

1 answer

177 views

Custom column templates

I am implementing some custom columns templates, Consulting the samples when i use a "Textbox" as a editor control everything works fine, but if a change to a RadCombo or RadEditor as a main grideditor, i get one error in databinding event, even to insert.

I am a little confusing about container's, data item, editmode etc.

Someone to help plz.

Thanks

public class ComboItemEditTemplate : ITemplate

{

protected RadComboBox comboBox;

private string columnName;

protected Field campo;

protected String errorMessage = string.Empty;

String connectionString;

public ComboItemEditTemplate(string ColumnName, string ErrorMessage, Field _Campo, String _connectionString)

{