Questions on UI for ASP.NET AJAX Forum

9 answers

885 views

Client side column show/hide and column widths

Hi,

I have a radgrid with several columns without a width setting, and others with a width set (e.g. HeaderStyle-Width="108px").
The table itself has no specific width set (so it just fills the page).

<telerik:RadGrid ID="rgOFR" runat="server" AllowMultiRowSelection="true" AutoGenerateColumns="false"

AllowPaging="true" PageSize="20" AllowFilteringByColumn="true"

onneeddatasource="rgOFR_NeedDataSource" onitemcreated="rgOFR_ItemCreated"

onitemdatabound="rgOFR_ItemDataBound" >

<MasterTableView AllowSorting="true" TableLayout="Fixed" CommandItemDisplay="Bottom">

I need to hide columns on the client side, however this seems to then shuffle the columns along and leave the width in the original position. (Sorry, hard to explain in text!)

e.g.

| Column 1 || Column 2 || Column 3 || Column 4 |

Hide column 2 and you get this:

| Column 1 || Column 3 || Column 4 |

Where I would expect (and require!):

| Column 1 || Column 3 || Column 4 |

Any advice would be appreciated.

Regards,

Ryan

Grid

answered on 03 Jul 2012

1 answer

209 views

Displaying HTML

Hi - I use the RADEditor to create HTML which is then saved to a database. On extracting the HTML from the database I need to display it as simply as possible in a lightweight control which resembles a textbox with no borders.
Is the simplest way to use the AccessibleRadEditor and if so how do I render it without borders or menus? Or is there a simpler way?Thanks,
Paul

Editor

answered on 03 Jul 2012

1 answer

108 views

RadSplitter Height expansion

Hi team,

I have been reading some posts trying to find out how to resize RadSplitter and RadPane height and width. I have realized that RadPane has a 400px default height value and when I resize ONLY the window height from smaller than 400px and up to 400px it resizes well but if I resize window height bigger than 400px it stop resizing, why is it happening, how can I resolve it?

Thanks guys,
Beto.

Splitter

answered on 03 Jul 2012

1 answer

347 views

TreeList Row Height when adding images

Hi,

I'm Experiencing one anoying problem and i would apreciate any help.

So, i have a treelist with skin=Hay and i also have one TreeListTemplate column where i want to add 5 icons with size 24px by 24px.
When i remove all the images the treelist rows are with the correct height, but when i add the icons the row height grows (seems to me to 32px). If in the middle of the treelist one row does not contain any picture the row heigth is diferent.
Besides this problem i still have one left. When i select the row only part of the height becomes selected.

The pictures in attach ilustrates the issue.

Note: the icons are really 24x24 i am not resizing
Also Note that at itemdatabound i'm setting item.height to 24 pixels.

Thanks in Advance,

TreeList

answered on 03 Jul 2012

1 answer

77 views

ComboBox loses css in Firefox when refreshing the page

Hello, I have this site:

http://www.orbitswiss.ch/index_i.aspx

I click the button "Listini" and then I refresh the page; clicking again the button "Listini", I can see that the Combos have lost their css.

What am I doing wrong (only FF presents this anomaly)?

Thank you

AB

ComboBox

answered on 03 Jul 2012

13 answers

522 views

[Solved] Scrolling Issue with PanelBar

Hello,

I am slowly but surely getting my panel bar setup in the manner that would work with my application, however for some reason, the panel bar will not scroll for me when the contents of the <contenttemplate> are larger than the space. I do not get any scrollbar at all and as you can see I do have the ExpandMode="FullExpandedItem" defined. Below is my markup:

<telerik:RadPanelBar runat="server" ID="WebPageLeftPanel" Height="100%" Width="100%" ExpandMode="FullExpandedItem">

<Items>

<telerik:RadPanelItem Text="About This Metric" Expanded="True" Selected="true" >

<ContentTemplate>

<div class="information">

<h5>Description</h5>

<p>

The following metric will show the number of active Blackberry devices per model number within the organization.

The chart provides for a graphical representation to illustrate the percentage each model accounts for in relation to

the total number of devices. Below the chart a table is provided with the information the chart is based on and also

inludes the total number of devices as well.

</p>

<h5>How to Read</h5>

<p>

Each pie of the chart represent a percentage of the total number of devices.  You can hover over each pie slice for more

details to what the slice represents.  Some slices may be too small therefore will not show as easily on the chart, however

the table belows allows you to see the raw data for the chart, which includes the smaller slices.

</p>

</div>

</ContentTemplate>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="Quick Links">

<ContentTemplate>

<div class="quicklinks">

<telerik:RadSiteMap ID="QuickLinks" runat="server" DataSourceID="QuickLinksDataSource" ShowNodeLines="true" />

</ContentTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

This is my only real hurdle left with the panel bar as some other stuff I am doing is mostly cosmetic, but this is more functional and I need to get this one figured out.

Any help is greatly appreciated.

Thanks,
Ron Montecalvo

PanelBar

answered on 03 Jul 2012

2 answers

94 views

ComboBox Skin IE8

Hi everyone

I have a custom skin that Im applying to my ComboBoxes, its looking strange in IE, its almost as if the box is bigger than in needs to be so a pixel or two of the other backgrounds are leaking through.

I have attached an example. Any ideas how to get around this?

ComboBox

answered on 03 Jul 2012

4 answers

147 views

[Solved] How could i Rad Filter id in Server Side

Hi..
How could i Rad Filter id in Server Side.
I have Two RadFilter control used for my application.
How to find Which RadFilter id click AddExpression and RemoveItem.
I have attached my screen shot also...

Thanks
Newgene.

UI for ASP.NET AJAX in ASP.NET MVC

answered on 03 Jul 2012

3 answers

164 views

Changing foreground color for subject does not appear to work

I am trying to change the color -- foreground and background -- of the subject that appears in the cells of the scheduler when in MonthView or DayView. The background color is set correctly, but the foreground color is not.

In the web application, this is done in the code behind in one of the event handlers. The values are read from the database (along with other data). A code snippet follows. Note: the format of the string 'style' has data such as this example: 'color:#FFFF00;background-color:#33CCFF;'

// service_request_scheduler_AppointmentDataBound
protected void service_request_scheduler_AppointmentDataBound(object sender, SchedulerEventArgs e) {
DbDataRecord currentAppointmentRecord = e.Appointment.DataItem as DbDataRecord;
if (currentAppointmentRecord != null){

string style = currentAppointmentRecord[(int)AppointmentReaderFields.Style];
if (style != null && style != string.Empty){
int foreColor = Convert.ToInt32(style.Substring(7,6),16);
e.Appointment.ForeColor = Color.FromArgb(foreColor);
int backColor = Convert.ToInt32(style.Substring(32, 6), 16);
e.Appointment.BackColor = Color.FromArgb(backColor);
}

}

}

I have run this in the debugger and the string is parsed out correctly so that what gets set in the int 'foreColor' is correct. For debugging purposes, I have also replaced this code with a hard coded foreground color of red, and it still renders as the default (black).

Is there a known bug, am I not using this feature as intended, or other explanation?

Scheduler

answered on 03 Jul 2012

1 answer

137 views

GridHtmlColumnEditor not binding in editform template

Hello,

I have GridHTMLEditorColumn to display a notes_description. I want to use Editform for update and insert, but for somereason I don't see the editform is not displaying the GridHtmlEditorColumnEditor defined in FormTemplate .

Am I missing something in declaration of this editor in FormTemplate

Thanks

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1">

<telerik:RadGrid ID="RadGridC" DataSourceID="SqlDataSourc1e" runat="server" skin="Windows7"

Height="500px" CellSpacing="0" GridLines="None" NoDetailRecordsText="No records to display"

AutoGenerateEditColumn="false">

<MasterTableView AllowAutomaticInserts="true" AllowAutomaticUpdates="true"AutoGenerateColumns="false"

CommandItemDisplay="Top" DataKeyNames="YEAR" EditMode="PopUp" ShowHeader="false" ShowFooter="false">

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

<Columns>

<telerik:GridEditCommandColumnUniqueName="EditCommandColumn" HeaderStyle-Width="20px" ButtonType="ImageButton" >

</telerik:GridEditCommandColumn>

<telerik:GridHTMLEditorColumn UniqueName="Notes" DataField="NOTE_DESC" SortExpression="NOTE_DESC"

HeaderStyle-Width="600px" ItemStyle-Wrap="true" >

</telerik:GridHTMLEditorColumn>

</Columns>
<EditFormSettings PopUpSettings-Modal="true"
PopUpSettings-Height="400px"
PopUpSettings-Width="800px"
PopUpSettings-ShowCaptionInEditForm="false"
InsertCaption="Adding New record"
EditFormType="Template" >
<FormTemplate>
<table id="Table2">
<tr>
<td>
<telerik:GridHTMLEditorColumnEditor runat="server" ID="noteseditor" Editor-Content='<%# Bind("NOTE_DESC") %>'
Editor-EditModes="Design" Editor-OnClientLoad="LimitCharacters" Editor-Height="300px" Editor-Width="200px" >
</telerik:GridHTMLEditorColumnEditor>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>
</MasterTableView>
<ClientSettings>
<Selecting AllowRowSelect="true"/>
<Scrolling AllowScroll="true" UseStaticHeaders="true" />
</ClientSettings>
</RadGrid>
</telerik:RadAjaxPanel>

General Discussions

answered on 03 Jul 2012