Panorama Tiles That Re-Position Automatically

22 posts, 0 answers
  1. Derek
    Derek avatar
    6 posts
    Member since:
    Jun 2013

    Posted 22 Aug 2013 Link to this post

    Hi,

    I am creating an app that utilizes the RadPanorama tool. In the options tile, the user has the option to select what tiles they would like to see and what tiles that they would like to get rid of. However, when the user selects a tile to hide, the Rad Panorama leaves an empty space where that tile originally was. I would like the app to fill any blank spaces that might be created by the user in a tile row. I was wondering if the Rad Panorama had the functionality to move all the tiles back to the original start position (Row 0, Column 0) so that there are no awkward spaces when a tile is hidden? 

    Thanks,

    Derek O.
  2. Dimitar
    Admin
    Dimitar avatar
    2165 posts

    Posted 27 Aug 2013 Link to this post

    Hello Derek,

    Thank you for writing.

    Currently, there is no such functionality in RadPanorama. In this case you have to iterate over all visible elements and set their Row and Column properties manually. Please refer to the following code snippet:
    radTileElement2.Visibility = Telerik.WinControls.ElementVisibility.Collapsed
     
    int col = 0;
    int row = 0;
    foreach (RadTileElement item in radPanorama1.Items)
    {
        if (item.Visibility != Telerik.WinControls.ElementVisibility.Collapsed)
        {
            item.Column = col++;
            item.Row = row;                   
        }
    }

    I hope this information helps. Should you have any other questions, I will be glad to assist you.

    Regards,
    Dimitar
    Telerik
    TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WINFORMS.
    Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
    Sign up for Free application insights >>
  3. Daniel
    Daniel avatar
    7 posts
    Member since:
    Jul 2013

    Posted 07 May 2014 in reply to Dimitar Link to this post

    Hi,

    What if the Tile is on different Groups?

    I want to hide tiles in first group, how should I set the second group to fill the gap that the hidden tile used to fill ?

    Regards,
    Daniel
  4. Dimitar
    Admin
    Dimitar avatar
    2165 posts

    Posted 08 May 2014 Link to this post

    Hi Daniel,

    Thank you for writing back.

    In this case you should manually transfer the items form the second group to the first one. Then you can just rearrange the items in the second group and no empty columns will remain:
    private void radButton1_Click(object sender, EventArgs e)
    {
        radTileElement2.Visibility = Telerik.WinControls.ElementVisibility.Collapsed;
       
        int col = 0;
         
        int itemsTotransfer = tileGroupElement1.Items.Count;
     
        foreach (RadTileElement item in tileGroupElement1.Items)
        {
            if (item.Visibility != Telerik.WinControls.ElementVisibility.Collapsed)
            {
                item.Column = col++;
                
                itemsTotransfer--;  
            }
             
            Console.WriteLine(item.Column);
        }
         
        for (int i = 0; i < itemsTotransfer; i++)
        {
            var tempItem = tileGroupElement2.Items[i];
            tileGroupElement2.Items.Remove(tempItem);
            tileGroupElement1.Items.Add(tempItem);
        }
     
        for (int i = 0; i < tileGroupElement2.Items.Count; i++)
        {
            ((RadTileElement)tileGroupElement2.Items[i]).Column = i;
        }
    }

    Please let me know if there is something else I can help you with. 

    Regards,
    Dimitar
    Telerik
     
    Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
     
  5. Sam
    Sam avatar
    8 posts
    Member since:
    Nov 2014

    Posted 14 Nov 2014 Link to this post

    How about if the tiles have different sizes? Tile (small, wide, and large (col 1, 2 and row 1, 2)) the reposition logic would be very complex especially if I want to remove gaps and re order the tiles.
  6. Dimitar
    Admin
    Dimitar avatar
    2165 posts

    Posted 19 Nov 2014 Link to this post

    Hi Sam,

    Thank you for writing.

    As I have mentioned in my first post this functionality does not comes out of the box and should be manually implemented. We do provide the API to rearrange the tiles as per your requirement. Even in Windows there are a cases where if you hide an item an empty space will remain and it is not clear how the gap should be filled (see attached image). So it depends on you how this should behave and how the items will be rearranged. Please note that the user can rearrange the tiles and he/she can fill any gaps manually. 

    If you have any questions, please do not hesitate to contact us.
     
    Regards,
    Dimitar
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  7. Alexandre
    Alexandre avatar
    5 posts
    Member since:
    Aug 2015

    Posted 10 Aug 2015 in reply to Derek Link to this post

    Hi Derek,

    I am also currently developing a small application for my business.

    The objective and create a customized desktop for my users.

    I try coupling a desktop tile mode dynamically displaying information from a MSSQL Server database.

    Would you have a source code to help me out?

    I thank you in advance for your help.

    Regards.

    Alexandre
    alexandre.schouvert@gmail.com
  8. Dimitar
    Admin
    Dimitar avatar
    2165 posts

    Posted 11 Aug 2015 Link to this post

    Hi Alexandre,

    Thank you for writing.

    RadPanorama does not provide any data binding functionality. The idea of the control is to display a menu like in Windows 8. This is why you should manually create the tiles and add them to RadPanorama.

    I hope this information helps. 

    Regards,
    Dimitar
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  9. Alexandre
    Alexandre avatar
    5 posts
    Member since:
    Aug 2015

    Posted 11 Aug 2015 in reply to Dimitar Link to this post

    Thanks for your answer.

    Do you implement in the near future in this module can create a connection between Panoama module and Ms-Sql?

    If so, have you any idea of the targeted quarter?

    Best regards
  10. Dimitar
    Admin
    Dimitar avatar
    2165 posts

    Posted 13 Aug 2015 Link to this post

    Hi Alexandre,

    Thank you for writing back.

    Currently, we do not have any plans to implement this functionality. If we receive more request for this we will consider to implement it. 

    If you have any questions, please do not hesitate to contact us.

    Regards,
    Dimitar
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  11. John
    John avatar
    7 posts
    Member since:
    Nov 2017

    Posted 22 Nov 2017 Link to this post

    Hi Dimitar,

     

    I have been using the RadPanorama component for a start-menu for an application i am trying to create, but i am having an issue trying to save the tiles position once the user has moved them and rearranged them to their liking. I'm not sure if this can be done but i though i might ask.

     

    Regards,

    Cooper 

  12. Dimitar
    Admin
    Dimitar avatar
    2165 posts

    Posted 22 Nov 2017 Link to this post

    Hello Cooper, 

    We have a feature request for this. You can track its progress, subscribe for status changes and add your comment to it here. Please note that there is a sample project that shows how you can implement this attached to one of the comments.

    I hope this will be useful. 

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  13. John
    John avatar
    7 posts
    Member since:
    Nov 2017

    Posted 22 Nov 2017 in reply to Dimitar Link to this post

    Hi Dimitar,

     

    Wow,thanks for the speedy reply. I have had a look and it is in C#, i was wondering if there was one for VB?

     

    Regards,

    Cooper

  14. Dimitar
    Admin
    Dimitar avatar
    2165 posts

    Posted 23 Nov 2017 Link to this post

    Hello John,

    I have attached a converted version.

    Should you have any other questions do not hesitate to ask.

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  15. John
    John avatar
    7 posts
    Member since:
    Nov 2017

    Posted 23 Nov 2017 in reply to Dimitar Link to this post

    Hi Dimitar,

     

    Thank you for the conversion of the file. It is really appreciated. If i have any more issues ill will definitely ask you. 

     

    Kind Regards,

    Cooper

  16. John
    John avatar
    7 posts
    Member since:
    Nov 2017

    Posted 27 Nov 2017 in reply to John Link to this post

    Hi Dimitar,

     

    I have implemented the savng tile feature that you have provided, but there is a problem when trying to click the tile once the tiles have been saved. When the tile is moved then saved and then once it is loaded. The tile will no longer run the code when clicked. Do you know a fix for this?

     

    Kind Regards,

    Cooper 

  17. John
    John avatar
    7 posts
    Member since:
    Nov 2017

    Posted 28 Nov 2017 in reply to Dimitar Link to this post

    Hi Dimitar,

    I have implemented the savng tile feature that you have provided, but there is a problem when trying to click the tile once the tiles have been saved. When the tile is moved then saved and then once it is loaded. The tile will no longer run the code when clicked. Do you know a fix for this?

    Kind Regards,
    Cooper 
  18. Dimitar
    Admin
    Dimitar avatar
    2165 posts

    Posted 28 Nov 2017 Link to this post

    Hello Cooper,

    Loading the layout will create new objects (items) and the event subscriptions will be lost. After the layout is loaded you need to add the subscriptions again. 

    I hope this will be useful. 

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  19. John
    John avatar
    7 posts
    Member since:
    Nov 2017

    Posted 28 Nov 2017 in reply to Dimitar Link to this post

    Hi Dimitar,

    How would i do that ? 

  20. Dimitar
    Admin
    Dimitar avatar
    2165 posts

    Posted 28 Nov 2017 Link to this post

    Hi Cooper,

    You need to add the handler after the layout is loaded (with code):
    Public Sub RestoreEvenHandler()
        For Each group As TileGroupElement In radPanorama1.Groups
            For Each item In group.Items
                AddHandler item.Click, AddressOf Item_Click
            Next item
        Next group
    End Sub
    Private Sub Item_Click(ByVal sender As Object, ByVal e As EventArgs)
        Dim item = TryCast(sender, RadTileElement)
        Console.WriteLine(item.Text)
    End Sub

    Do not hesitate to contact us if you have other questions.

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  21. John
    John avatar
    7 posts
    Member since:
    Nov 2017

    Posted 03 Dec 2017 in reply to Dimitar Link to this post

    Hi Dimitar,

     

    I'm not sure how to implement this code into my program. Could you please post this code implemented into the previous code you posted for the panorama tile saving.

    This would be greatly appreciated.

     

    Regards,

    Cooper

  22. Dimitar
    Admin
    Dimitar avatar
    2165 posts

    Posted 04 Dec 2017 Link to this post

    Hello John,

    I have attached a new version of the project. 

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top