Questions on UI for ASP.NET AJAX Forum

1 answer

203 views

I just deployed my first site with the RADEditor and the client does not like it. Here is his comment:
"Also, the editor is not very user friendly at all (tinymce was way better at this point)... where are the options for it? For example, ctrl-z doesn't work in Chrome and I have to select paragraph format first before I add content or the content won't have <p> </p>... it also adds <br> when it shouldn't, and it sometimes makes urls urls (if I copy them from a browser address bar) and sometimes it doesn't and makes them just text"

ouch.

If I can't provide answers, he will make me rip this out and go back to tinymce.

Here is the editor, note that I set the newLineMode property. Hitting Enter in IE and FF works for me.

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

<telerik:RadEditor ID="RadEditor2" runat="server" Content='<%# Bind("habitat") %>'

NewLineMode="P" ToolsFile="EditorTools.xml" Width="750" Height="472px">

<ImageManager ViewPaths="~/upload" UploadPaths="~/upload" DeletePaths="~/upload" />

</telerik:RadEditor>

</telerik:RadPageView>

Here is the toolbar.

<?xml version="1.0" encoding="utf-8" ?>

<root>

<cssFiles>

<item name="~/_n/css/EditorContentAreaStyles.css" />

</cssFiles>

<tools>

<tool name="PastePlainText" />

<tool name="PasteFromWord" />

<tool name="ConvertToLower" />

</tools>

<tools>

<tool name="ApplyClass" />

<tool name="FormatBlock" />

<tool separator="true" />

<tool name="Bold" />

<tool name="Italic" />

<tool name="Underline" />

<tool name="Superscript" />

<tool name="Subscript" />

<tool name="BackColor" />

<tool name="ForeColor" />

<tool name="InsertSymbol" />

</tools>

<tools>

<tool name="JustifyLeft" />

<tool name="JustifyCenter" />

<tool name="JustifyRight" />

<tool name="JustifyFull" />

<tool separator="true" />

<tool name="Indent" />

<tool name="Outdent" />

<tool separator="true" />

<tool name="InsertUnorderedList" />

<tool name="InsertOrderedList" />

</tools>

<tools>

<tool name="ImageManager" />

<tool name="LinkManager" />

<tool name="Unlink" />

</tools>

<tools name="Tables" tab="Insert">

<tool name="InsertTableLight" size="large" />

<tool name="InsertTable" />

</tools>

<tools name="Proofing" tab="Review">

<tool name="XhtmlValidator" size="large" />

<tool name="FindAndReplace" />

</tools>

</root>

and the styles. Is there anything about this CSS that would cause the problems?

body{font-family:arial,helvetica,"helvetica neue",sans-serif !important;

font-size:82% !important;

color:#4d3345 !important;

line-height:1.6em !important;}

h1{color:#0085cf !important;

font-weight:normal !important;

font-size:1.8em !important;

margin:25px 0 15px 30px !important;

line-height:1.4em !important;

text-shadow:2px 2px 2px #ccc !important;}

h2{color:#000 !important;

font-weight:normal !important;

font-size:1.5em !important;

margin:25px 0 15px 30px !important;

line-height:1.4em !important;

text-shadow:2px 2px 2px #ccc !important;}

h3{color:#0085cf !important;

font-weight:normal !important;

font-style:italic !important;

font-size:1.3em !important;

margin:25px 0 15px 30px !important;

line-height:1.4em !important;

text-shadow:2px 2px 2px #ccc !important;}

h4{color:#0085cf !important;

font-weight:bold !important;

font-size:1.3em !important;

margin:25px 0 15px 30px !important;

line-height:1.4em;text-shadow:2px 2px 2px #ccc !important;}

h5{color:#000 !important;

font-weight:normal !important;

font-size:1.4em !important;

margin:25px 0 15px 0 !important;

line-height:1.4em !important;

text-align:center !important;

text-shadow:2px 2px 2px #ccc !important;}

h6{color:#0085cf !important;

font-style:italic !important;

font-size:1.15em !important;

margin:25px 0 15px 30px !important;

line-height:1.4em !important;

text-shadow:2px 2px 2px #ccc !important;}

a{color:#0085cf !important;

text-decoration:none !important;

outline:none !important;}

a:hover{color:#00F !important;

text-decoration:underline !important;}

a:visited{color:#006daa !important;}

a[href^="mailto:"]{display:inline-block !important;

padding-right:15px !important;

background:transparent url(/_n/i/icons/mailto.png) right no-repeat !important;}

.nav1 {font-size:11px !important;

line-height:14px !important;}

.i-r{float:right !important;

margin:20px 10px 20px 20px !important;}

.i-l{float:left !important;

margin:20px 20px 20px 10px !important;}

.i-c{display:block !important;

margin-left:auto !important;

margin-right:auto !important;

padding:10px 10px 10px 10px !important;}

.news{color:#0085cf !important;

font-size:1.7em !important;

line-height:1.1em !important;}

.bk{background:#0085cf !important;}

.input{color:#fff !important;

font-size:10px !important;

background-color:#006daa !important;

padding:1px !important;}

.input2{color:#006daa !important;

background-color:#fff !important;

padding:1px !important;}

Any help much appreciated.

Editor

answered on 16 Jan 2012

1 answer

126 views

User Control inside RadAjaxManager

My Asp Panel has a usercontrol inside it...User control is dynamicaly loaded.
Asp panel is placed inside RadAjaxManager..
User control contains drop down list and text boxes..

on page load user control is loaded...
But when I change selected index of drop down list inside user control...and do a postback....I receive an error...
which says...

"Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Failed to load viewstate. The control tree into which viewstate is being loaded must match the control tree that was used to save viewstate during the previous request. For example, when adding controls dynamically, the controls added during a post-back must match the type and position of the controls added during the initial request."

Ajax

answered on 16 Jan 2012

3 answers

94 views

RadCombo box issue

Hi,

We are facing issue with RadCombo arrow image.
The width of image were getting increase for some page.

Attached the image for your reference.

I also follow the link to resolve the above issue, but still not working properly.

http://www.telerik.com/community/forums/aspnet-ajax/combobox/radcombobox-rcbarrowcell-image-getting-cut-off-after-upgrading-to-q2-2010.aspx

i.e. adding the style

div.RadComboBox .rcbArrowCell td,

div.RadComboBox .rcbArrowCell a

{

width: 23px !important;

}

If possible please send a small demo application with solution.

Regards,
Shirish

ComboBox

answered on 16 Jan 2012

3 answers

92 views

Custom header in my detail table

I have a grid with a detail table. When I do a multiple sort on that sub grid I would like the UI changed to reflect in which order the sorting is in. I have attached two screen shots representing what I want. I would prefer the header option. The problem is that the user can not tell which sort is the prominent one.

How would I achieve this using your grids? I can not find out how to put a header on the GridTableView or inside the detail table.

Any help would be appreciated
Thanks

Grid

answered on 16 Jan 2012

1 answer

146 views

Filter with database values

Is there a way to populate radgrid filters with values from a database table instead of the default conditions(contains, equalsto, etc)?

Thanks,
arnie

Grid

answered on 16 Jan 2012

4 answers

83 views

Slightly off Topic Question

OK It is really off topic. Can someone just point me in the right direction how Telerik accomplishes this?
http://social.msdn.microsoft.com/Forums/en-US/vsx/thread/a4cf3d1e-55a5-4a01-a68e-e8e7505443cc

Thank You
JB

General Discussions

answered on 16 Jan 2012

7 answers

468 views

Change backcolor of file TextBox

Hello,

I want to change the color of the file TextBox server side.
From the helpfiles I know that the appearance of the text box is set with the .ruFakeInput class

When I put this piece of code in my aspx page it overloads the default values of the .ruFakeInput and the TextBox becomes red on page load.

<style type="text/css">
div.RadUpload_Skin1 .ruFakeInput
    {
        border-color:#93070a;
        /* background-image:url('Input/sprite.gif') 100% -148px no-repeat; */
        color:#ff9000;
        background-color: #9C362A;
        color: #FFF;
    }
</style>

But this puts it directly on page load in red. I want to put it red after a condition is true after a postback via a button (for example no file selected).

How can this be done? It seems that the textbox itself, inside the RadUpload, can't be accessed server side, only the RadUpload control?

Thanks.

Upload (Obsolete)

answered on 16 Jan 2012

3 answers

175 views

RadListBoxItem text not aligning once i change the height

I'm sure there is a simple answer to this, but when I modify the height of the RadListBoxItem the text isn't centered. How can I fix this?

<telerik:RadListBox runat="server" Height="50px" Width="100px">
    <Items>
        <telerik:RadListBoxItem CssClass="RadListBoxItemClass" Height="10px" Font-Size="10px" Text="Just" />
        <telerik:RadListBoxItem CssClass="RadListBoxItemClass" Font-Size="10px" Text="Say" />
        <telerik:RadListBoxItem CssClass="RadListBoxItemClass" Font-Size="10px" Text="No" />
        <telerik:RadListBoxItem CssClass="RadListBoxItemClass" Font-Size="10px" Text="Drugs" />
    </Items>
</telerik:RadListBox>

ListBox

answered on 16 Jan 2012

6 answers

189 views

[Solved] Keep Files after postback

Hello Everyone,

I have searched on line but have found no way of doing this. We have a form with multiple pages users can go to and from with and I need to be able to have the files the user selects to stay in the input files if the user moves back a page or a post back happens on the page with the upload. Is there a way to do this with the telerik control?

-Chris

AsyncUpload

answered on 16 Jan 2012

1 answer

228 views

How to Bind Data From Sharepoint list to RadOrgChart?

hi all,
i am D.Srnivasa,
                  in my project i have a RadOrgChart to display a employees profiles from SharePoint List. in my sharepoint list the following are the columns to display in RadOrgChart displayed in attached file.(list.jpg)
the following is the code to display a nodes from sharepoint list to RadOrgChart

SPSite mySite = SPContext.Current.Site;

            SPWeb web = mySite.OpenWeb();

            SPList lststudent = web.Lists["Registration|Form"];

            var students = from SPListItem student in lststudent.Items

                           where student["Reference ID"].ToString() == RadTextBox1.Text || student["EID"].ToString() == RadTextBox1.Text

                           select new

                           {

                               FullName = student["Reference Name"].ToString(),

                               ReportsTo = student["Reference ID"].ToString(),

                               EmployeeID = student["EID"].ToString()

                           };



            RadOrgChart1.DataSource = students;

            RadOrgChart1.DataBind();

and my RadOrgChart Properties are :

<telerik:RadOrgChart runat="server" ID="RadOrgChart1" DataFieldID="EmployeeID" DataFieldParentID="ReportsTo" DataTextField="FullName"></telerik:RadOrgChart>

but it doesn't display the data from the SharePoint list.
Please Help me how can i bind the the in the following picture(Display.png)

thanks
D.Srinivasa.

ComboBox

answered on 16 Jan 2012