Questions on UI for ASP.NET AJAX Forum

1 answer

85 views

Overriding the default style for <li> tags

Hi all,

I had problems on all browsers with my Telerik tree looking untidy and out of alignment until I remembered that the overall style-sheet for my site has a default style for the <li> tag, namely:

li
{
padding: 3px 2px 5px 2px;
}

The tree makes heavy use of <li> tags but for some reason doesn't override the default styling, so I had to do it manually in the HTML of the control.ascx file that contained the tree:

<style type="text/css">
/* UNDO standard <li /> styling for the Telerik tree */
li
{
padding: 0px !important;
}
</style>
<telerik:RadTreeView ID="rtvSearchResults" runat="server" DataTextField="VariableName" style="white-space: normal;">

Telerik, any chance this could be fixed in a future release? (Or it in fact not possible to "fix" this, in which case could we have it highlighted in the documentation?)

Ed Graham

TreeView

answered on 30 Jun 2009

2 answers

84 views

[Solved] Grid Display problem

I have a grid which is inside a div which is hidden using the style : "display:none". I bind data to this grid serverside
and make the div containing the grid visible after a button is clicked on the page. The problem is that the grid data is covered by a gray background. and that dissapears when i resize the page. I believe that the height was probably still zero since the grid was hidden when databinding occured. Is there a way to refresh the grid jusing javascript?

Grid

answered on 30 Jun 2009

2 answers

124 views

[Solved] Load tabbed page on request

Hi all,

I'm currently researching to see if we can use the Rad TabStrip in one of our latest webapplications. We want an application with several tabbed pages. If I'm not mistaking when a page with a TabStrip is loaded, then all the tabs are loaded at once.
Since our application needs to have 10 tabs with on each one several inputcontrols, I'm concerned it will increase the page loading time seriously.

Is there a wat to use tabbed pages, but to render a page only when it's tab is clicked?

Thanks,
Arno

TabStrip

answered on 30 Jun 2009

1 answer

75 views

RadGrid postion on page change

Hi,

I have page size as 30 for my radgrid . Now on changing the page the grid's position remains at the bottom. I want the user to see the first record on the next page when he changes the page. How can i do it?

Grid

answered on 30 Jun 2009

1 answer

251 views

How to reduce the height of the Buttons and the height of the Toolbar?

I have the following Code and I tried some of the CSS Style that are given in other forums to reduce the height of the toolbar. But none of them worked. Can you help me to refix the height of the Toolbar?

<telerik:RadToolBar ID="RdToolBar" runat="server" Width="100%" OnClientButtonClicking="OnButtonClicking">

<Items>

<telerik:RadToolBarButton runat="server" DisabledImageUrl="~/Images/MenuImages/AddNew_Disabled.gif"

ImageUrl="~/Images/MenuImages/AddNew.gif" Text="Add New" Value="ADDNEW">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" ImageUrl="~/Images/MenuImages/Attributes.gif"

Text="Attributes" Value="ATTRIBUTES" DisabledImageUrl="~/Images/MenuImages/Attributes_Disabled.gif">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" IsSeparator="True" Text="Separator" Value="Separator">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" ImageUrl="~/Images/MenuImages/Cut.gif" Text="Cut"

Value="CUT" DisabledImageUrl="~/Images/MenuImages/Cut_Disabled.gif">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" ImageUrl="~/Images/MenuImages/Paste.gif"

Text="Paste" Value="PASTE" DisabledImageUrl="~/Images/MenuImages/Paste_Disabled.gif">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" ImageUrl="~/Images/MenuImages/Rename.gif"

Text="Rename" Value="RENAME" DisabledImageUrl="~/Images/MenuImages/Rename_Disabled.gif">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" ImageUrl="~/Images/MenuImages/Delete.gif"

Text="Delete" Value="DELETE" DisabledImageUrl="~/Images/MenuImages/Delete_Disabled.gif">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" ImageUrl="~/Images/MenuImages/Search.gif"

Text="Search" Value="SEARCH" DisabledImageUrl="~/Images/MenuImages/Search_Disabled.gif">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" IsSeparator="True" Text="Separator" Value="SEPARATOR">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" DisabledImageUrl="~/Images/MenuImages/Refresh_Disabled.gif"

ImageUrl="~/Images/MenuImages/Refresh.gif" Text="Refresh" Value="REFRESH">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" DisabledImageUrl="~/Images/MenuImages/ExpandAll_Disabled.gif"

ImageUrl="~/Images/MenuImages/ExpandAll.gif" Text="Expand All" Value="EXPAND_ALL">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" IsSeparator="True" Text="Separator" Value="SEPARATOR">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" DisabledImageUrl="~/Images/MenuImages/Display_Disabled.gif"

ImageUrl="~/Images/MenuImages/Display.gif" Text="View Hidden" Value="VIEW_HIDDEN"

CheckOnClick="True" AllowSelfUncheck="True">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" DisabledImageUrl="~/Images/MenuImages/Publish_Disabled.gif"

ImageUrl="~/Images/MenuImages/Publish.gif" Text="Publish" Value="PUBLISH">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" DisabledImageUrl="~/Images/MenuImages/Print_Disabled.gif"

ImageUrl="~/Images/MenuImages/Print.gif" Text="Print" Value="PRINT">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" IsSeparator="True" Text="Separator" Value="SEPARATOR">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" DisabledImageUrl="~/Images/MenuImages/JJInfo_Disabled.gif"

ImageUrl="~/Images/MenuImages/JJInfo.gif" Text="Help" Value="HELP">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" IsSeparator="True" Text="Separator" Value="SEPARATOR">

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" DisabledImageUrl="~/Images/MenuImages/Exit.gif"

ImageUrl="~/Images/MenuImages/Exit.gif" Text="Exit" Value="EXIT">

</telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

ToolBar

answered on 30 Jun 2009

3 answers

224 views

ComboBox Disable User Input

Hi

How does one stop a user from being able to type in the ComboBox header?

The ComboBox is using a custom skin and has its information pulled from DB.

<telerik:RadComboBox ID="ddnSubSegmentations" EnableEmbeddedSkins="false" Skin="CustomSkin" runat="server" Width="250" AutoPostBack="True" OnSelectedIndexChanged="ddnSubSegmentations_IndexChanged">
</telerik:RadComboBox>

We have tried AllowCustomText="False" and EnableTextSelection="false".

Any help would be appreciated.
Thanks

ComboBox

answered on 30 Jun 2009

1 answer

117 views

Tree Lines For Hirerahical Grid

Hi All ,

1 . Is it possible to display the Tree Lines for the Hirerahical Grid display .

2. How is the +(plus) in the Hirerahical Grid for expansion and Collapasing got .

Thanks In Advance

Regards
Vinodh

Grid

answered on 30 Jun 2009

1 answer

200 views

grey out images

Hi,
Is it possible to grey out the edit and delete images in the grid?
I have this code to disable one button:

    
            ImageButton delButton = gridItem["DeleteColumn"].Controls[0] as ImageButton; 
        
            delButton.Enabled = false;

But the image is still bright so users tries to click on it!

The same should happen if the grid is completely disabled:

    
            RadGrid1.Enabled = false;

Then everything is grey out except for the images.

/Mattias

Grid

answered on 30 Jun 2009

2 answers

103 views

[Solved] Popup Window Remains after Update

I am evaluating Teletik controls for a new project.

The issue is that after Update button clicked, the popup window comes up again(expect the popup is closed). Appreciate any comments.

<

telerik:RadGrid ID="grdLeaseDetails" runat="server" GridLines="None" AllowMultiRowSelection="true"

AllowPaging="True" PageSize="20" AllowSorting="True" AutoGenerateColumns="False"

ShowStatusBar="true" AllowAutomaticDeletes="True" AllowAutomaticInserts="True"

AllowAutomaticUpdates="True" HorizontalAlign="NotSet">

<mastertableview CommandItemDisplay="Top" GridLines="Horizontal" DataKeyNames="ID"

EditMode="PopUp">

<telerik:GridBoundColumn HeaderText="Co" DataField="Company" UniqueName="Company"

SortExpression="Company" HeaderStyle-Width="110px" FilterControlWidth="90px"

AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="true" />

...
<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" ButtonType="ImageButton" EditImageUrl="~/Images/open.gif">

</telerik:GridEditCommandColumn>

</Columns>

<EditFormSettings UserControlName="UserControl\EditLeaseDetailControl.ascx" EditFormType="WebUserControl"

FormStyle-BackColor="LightYellow" FormStyle-Width="100%" FormStyle-Height="100%"

CaptionFormatString="Edit Detail: {0}" CaptionDataField="ID" PopUpSettings-Modal="true" >

</EditColumn>

</EditFormSettings>

</mastertableview>

</ClientSettings>

Grid

answered on 30 Jun 2009

1 answer

107 views

Expose HeaderText value for Column group-by expressions

When using the GroupByExpression property of a GridColumn is it possible to expose the HeaderText value for the associated GridGroupByField?

As per the manual the syntax for GroupByExpression is "fieldname[ alias]/aggregate(fieldname)[ alias][, ...] Group By fieldname[ sort][, ...]", but setting the associated HeaderText of the GroupByField displayed on the GroupPanel is not exposed.

The only way I could change this was by handling the GroupsChanging Event, finding the corresponding GroupByField and setting the HeaderText value there.

Perhaps adding a property eg GroupByPanelHeaderText or changing syntax of GroupByExpression to be "fieldname[ alias]/aggregate(fieldname)[ alias][, ...] Group By fieldname[ sort][, ...] as HeaderText".

Grid

answered on 30 Jun 2009