Questions on UI for ASP.NET AJAX Forum

9 answers

325 views

Image margins

I need to have granular control of image margins on a per image basis. As such I can't really use CSS selectors to alter the image properties. The outputted HTML from the image dialog needs to be something like

<img src="myimage.gif" style="margin: 3px 9px 4px 6px;" />

Is it possible to customise the Image Dialog to do this? I've looked in the documentation:

ms-help://telerik.aspnetajax.radcontrols.2008.Q1/telerik.aspnetajax.radeditor.2008.Q1/customizing-image-dialog.html

But this doesn't seem right. There isn't a file caled ~\RadControls\Editor\Dialogs\SetImageProperties.ascx

Can the Image Dialog be customised to add margins by myself. If not, can I hire Telerik to build me one?

The functionality required is the same as this:

http://www.wysiwygpro.com/index.php?id=337

Edit an image and see how one can set the margins.

Editor

answered on 10 Jul 2008

3 answers

156 views

bar chart bar alignment issue

Hi there,

I'm having an issue getting the bars aligned with XAxix.Items.TextBlock.Text (xaxis label).

I have tried various versions of the following without any luck.

PlotArea.XAxis.Appearance.LabelAppearance.Position.AlignedPosition = Telerik.Charting.Styles.

AlignedPositions.TopRight;

Any insight is appreciated.

I'm using the latest RadChart control.

thanks,
Rob

Chart (Obsolete)

answered on 10 Jul 2008

3 answers

223 views

RAD Scheduler daylight saving time issue

Hi,

I have an issue with RADScheduler.
When I click on any free time slot between today's date and 11/02/08 I could see the correct time displaying. But When I click on the time slots between 11/02/08 and 03/08/09 it automatically decrements time by 1 hr . Looks like it is automatically adjusting to daylight saving time. Example if I click on 7:00 it gives me 6:00. But we don't want that to happen because we want to schedule appointments at 7:00 but not at 6:00.

Please help me with this..

I am giving my sample javascript code here.

function

OnClientTimeSlotClick(sender,eventArgs)

{

var now = new Date();

now=eventArgs.get_time();

alert(now);

}

Scheduler

answered on 10 Jul 2008

3 answers

148 views

JS error Teleik is undefined

Hello,

I have a simple vs 2005 vb.net project that I've been using to test out the contrlols. They are GREAT! Within the project I have a couple of pages that work fine with radWindows and radToolBar. I am now trying the RadEditor and I am getting the JS error Teleik is undefined as soon as the page is loaded. I have enable RadScriptManager and registered the WebResource.axd and SpellCheckHandler.axd in the web.config file. I deleted the page and added another one yet I still get the same error as soon as the page loads. Am I missing something? I am walking through the video tutorial step by step. Thanks in advance.

John
Using: RadControls for ASPNET AJAX Q1 2008
Line: 108
Char: 5
Error: 'Telerik' is undefined
Code: 0
URL: http://localhost/telerikTests/radSpell.aspx

Editor

answered on 10 Jul 2008

7 answers

176 views

Language

Hi,

I'm using the newest Version of the Radeditor and Radcontrols in a Sharepoint moss farm. I would like to change the help dialogs language into german. I already changed the language successfully for the buttons and everything else. But this had no effect on the helpfile. How can I change this.

Thanks for help,

Falk

WebParts for SharePoint

answered on 10 Jul 2008

3 answers

110 views

[Solved] Ajax issue for SharePoint

I have hosted a RadSchduler as a composite control in the SharePoint 2007. It works fine without Ajax. However, when I integrated with RadAjaxPanel, it will do something at first time and then it is kind of hung. Each time i manually referesh the page, it will works only once than it won't do anything. Do you know what could be the issue here?

I have hosted RadScripManager at the masterpage and RadAjaxPanel and RadAjaxLoadingPanel at the page where RadSchdular is hosted.

I've also register the Telerik.Web.UI.WebResource.axd in the web.config.

Any suggestions would be appereciated.

Thank you,
-Salman

Scheduler

answered on 10 Jul 2008

1 answer

110 views

Progress area

I have progress area. Progress bar run from center. How I can define that progress bar run from left.
Thanks a head
Sergey

Upload (Obsolete)

answered on 10 Jul 2008

3 answers

149 views

Node Deep Move.

Hello.

I checked the drag drop example demo and the code does a "deep copy" of the nodes, meaning that it moves the node and every child in it.

destinationNode.get_nodes().add(sourceNode);  



My code:



    
    
        
            function ProcessBookOperations (sourceNode, destNode, dropPosition) 
        
        
            { 
        
        
                var sourceType = GetNodeType(sourceNode); 
        
        
                var destType = GetNodeType(destNode); 
        
        
                 
        
        
                if (sourceType == "mi" && destType == "me") 
        
        
                { 
        
        
             
        
        
                   destNode.get_nodes().add(sourceNode) 
        
        
                   destNode.set_expanded(true); 
        
        
             
        
        
             
        
        
                } 
        
        
                 
        
        
            } 
        
    




It moves the node but not its childs, actually I just noticed that is does move the node with the childs but the '+' symbol does not appear. If I get another node and hold it on top of it, it automactly Loads on demand then expands the node showing the childs. How can I solve this?





Btw, is there any way to remove this expand '+' symbol

programmatically, e

ven if it has any childs in it?



Thanks!

TreeView

answered on 10 Jul 2008

1 answer

234 views

Moving rows between grids with JavaScript

We have several places in our code where we need to move rows from one grid (Grid A) to another grid (Grid B) (with the same structure and on the same page). We currently have our code running fine with AJAX calls to server-side functions, but it would be a lot faster if we could do this with pure client-side calls (I don't see any reason why this wouldn't be possible seeing as we already have all the data loaded on the page that we need to do this). So far my JavaScript code has been working fine (I get the selected rows from the Grid A, move them to Grid B, and delete the rows from Grid A), but I have run into two issues:

1) Both grids have a Grid Template Column that have an Image and a RadToolTip control. The image is just a simple information button that displays the tooltip with a full description about the item. The column is defined like this:

    
            <telerik:GridTemplateColumn SortExpression="Description" 

                   ItemStyle-HorizontalAlign="Center" HeaderText="Description" 

                   AllowFiltering="true" UniqueName="TemplateColumn">  
        
                <ItemTemplate>
        
                    <asp:Image ID="ItemDescriptionImage" BorderWidth="0px" 

                         ImageUrl="~/images/desc.gif" Style="cursor: default;" 

                         runat="server"></asp:Image> 
        
                    <telerik:RadToolTip ID="rttItemDescription" runat="server"

                         Width="150px" TargetControlID=" ItemDescriptionImage " 

                         RelativeTo="Element" Position="MiddleRight" 

                         ShowEvent="OnMouseOver">  
        
                    <%# (Container.DataItem).Description %></telerik:RadToolTip> 
        
                </ItemTemplate>
        
            </telerik:GridTemplateColumn>

You can see the description is dynamically loaded for each item (late binding) with the <%# (Container.DataItem).Description %> code.

When I move the row from Grid A to Grid B, the tooltips are lost (I think because I am generating new ID's for the rows after they are moved to Grid B - this is based on the code I found on your Grid Client Demo page here). The JavaScript code looks like this:

    
            var tableView = $find(gridId).get_masterTableView();  
        
            var dataItems = tableView.get_dataItems();  
        
            var columns = tableView.get_columns();  
        
            var newRow = tableView.get_element().insertRow(-1);  
        
            var lastDataItem = dataItems[dataItems.length - 1];  
        
            var lastId = lastDataItem.get_id();  
        
            var lastIdIndex = parseInt(lastId.split("__")[1]) + 1;  
        
            newRow.id = lastId.split("__")[0] + "__" + lastIdIndex;  
        
            newRow.className = dataItems[dataItems.length - 1].get_element().className;

Is there any way to move the tooltip with the row from Grid A to Grid B?

2) After rows have been moved from Grid A to Grid B, both grids lose the ability to Sort their data (I get the following exception):

The state information is invalid for this page and might be corrupted.

I noticed that the Grid Client Demo does not have Sorting turned on, so I'm not sure what to do to get this to work... This is probably the result of something I've done wrong, so I'm not as concerned about this issue yet.

Thank you very much for your help!

Grid

answered on 10 Jul 2008

7 answers

400 views

Timeout Problems

Hello,

I've been having a number of problems with a treeview control on a page I'm using. Many users (including myself) get a request timed out error when the treeview rebinds. So basically, I add an item to the tree, and it just sits and the refresh won't happen. The item does add to the tree and it appears to complete the code on my end, it just gets stuck trying to rebuild the tree or something.

Has anyone else run into this kind of thing?

Thanks,

Mike

TreeView

answered on 10 Jul 2008