When Pageview's viewmode is set as outlook,  two buttons can be used to set number of buttons listed on the panel after a pageview is loaded.

Question:
Is is possible to set  a fixed number of buttons shown when a pageview is loaded?

Eg.  We have 7 pageviewpages.  We want only show 3 buttons when the pageview is loaded and later we can do adjustment by using showing more buttons or showing fewer buttons.

See attached sampled image. We want to have sample_2 instead of sample_1 when a pageview is loaded.

Hello,

you can achieve your requirement in the following way.


You can find out more in the documentation here
Hope that helps
Richard

Yes, this is good.

But can we get a little more.

Can we make the buttons at botton (yellow buttons) and only show the arrow button to add or reduce the page buttons as too many yellow buttons at the bottom make the arrow button invisible if the pageviewer's width is small.  ( see attached)

Hello Ming,

You can force more tabs onto the bottom tab by re-calling DragGripDown()
You can also hide the ShowFewer and ShowMore buttons in the overflow area in the following way


hope that helps
Richard

Hello Richard,
Thanks for the quick response.

Actually we want to make showfewer button and showmorebuttons visible.

But we want to make tabs ( the yellow ones) on the bottom tab invisible. 

So it would be this:

There is only the arrow at the right side of the bottom tab  but no yellow tabs even if there are a lot of viewpages in the pageviewer.pages.   We can use arrow button on the botton tab to adujst number of view pages by using showfewerbutton or showmorebutton.

Is this possible?

Hello Ming,

This will hide the yellow tab buttons and show the overflow buttons that you need


Hope that helps but let me know if you need more information
Richard

yes, this is what we want .

You are wonderful, Richard.

Here is anther thing which we want.

We want to put on the top of the list for every most recently selected viewpage tab:

eg:   1. the initial page view tab is this:  page1, page2, page3, page4, page5, page6.   The number of view select page tab is 3, so  visible select page view tabs are page1, page2, page3

 when we check page4 on hidden bottom tab,  the visible select page tabs are page4, page1, page2
        3. When we check the page6 in hidden bottom tab, the visible selectg page tabs are page6, page4, page1

So we want to arrange the order of the select page tab.

We notice that there are some events for RadPageViewOutlookElement  such as

ItemChecked,

 

 

ItemShown

 

 

 

 

Maybe we can use those events to clear the pages and  add the page to pages to achieve this by the order of adding pages.
Is there any more efficient way we can use to do this such as changing index ?

Thanks.

Hello Ming,

You don't have to remove the pages. You can just change the index of the selected page to be the first in the list.



I hope that helps. Please remember to mark all answers as answer and if you have further questions please let me know
Richard

yes, that achieve some of our goal.

We want also to make the most recently selected page on the popped-up list by add-remove button as the selectpage on the top of select page tab ( see attached)

we tried to use following:

void

 

outlookElement_ItemChecked(object sender, Telerik.WinControls.UI.OutlookViewItemEventArgs args)

 

 

{

 

 

// this.radPageView1.Pages.ChangeIndex(this.radPageView1.SelectedPage, 0);

 

 

this.radPageView1.SelectedPage = args.Item.Page;

 

 

 

this.radPageView1.Pages.ChangeIndex(this.radPageView1.SelectedPage, 0);

 

 

 

 

}

But it only move the checked - page -item to the top of popped-up list  not on tab panel as following

 

private void radPageView1_SelectedPageChanged(object sender, EventArgs e)

 

 

{

 

 

this.radPageView1.Pages.ChangeIndex(this.radPageView1.SelectedPage, 0);

 

 

}

we want those two to achieve the same goal no matter where the page is selected or checked.

Hello Ming,

I thought that you wanted to not show the Add/remove buttons section?
If you do want to show the Add/Remove buttons, then please could you tell me what you wish to show in there.
Thanks
Richard

Hello, Richard,

So far,  we are right on the track.

1.  We want to show add/remove button  but not show yellow page tab.  We already achieved this by our previous communication
2.  We want the select page always to be the top of page list:  namely make the selected page as

this

 

.radPageView1.Pages[0].  it seems that we achieve this only partially by following:

 

 

 

private void radPageView1_SelectedPageChanged(object sender, EventArgs e)

 

 

{

 

 

 

this.radPageView1.Pages.ChangeIndex(this.radPageView1.SelectedPage, 0);

 

 

}

3. but  we want to do more:  when add/remove button is clicked,  a list of pages is popped up with a check box in front of each view page .
We want index of each vew page on this popped up list to match up with the index of each page in this.radPageView1.Pages so that  the very most recently selected page is alway this.radPageView1.Pages[0].  we tried to use following:

 

 

 

 

void outlookElement_ItemChecked(object sender, Telerik.WinControls.UI.OutlookViewItemEventArgs args)

 

 

{

 

 

 

// this.radPageView1.Pages.ChangeIndex(this.radPageView1.SelectedPage, 0);

 

 

 

 

 

 

 

 

 

 

this.radPageView1.SelectedPage = args.Item.Page;

 

 

 

 

this.radPageView1.Pages.ChangeIndex(this.radPageView1.SelectedPage, 0);

 

 

 

 

}

but it seems that it only change the index of selected page in the popped up list not in this.radPageView1.Pages

 

 

 

hope that we present what we want clearly this time.
thanks.

Hello Ming,

May I ask what version you are using? For reference I am using the latest Q3 2010 SP1 version. From what you have said it is working correctly. I have produced a small video which you can view here to show what I mean.

If you are not using the latest version, I'd suggest upgrading. If I have mis-understood your request, please let me know
thanks
Richard

Hello, Richard,

The video is helpful.

We use Q2 2010 SP1, and it has no problem to do what is presented on video.

I .As it is presented on video, when the viewpage is selected on the page tab, it's index becomes  0 in

 

 

this

 

.radPageView1.Pages list and it alway changes index of pop up list and makes it on the top of the pop-up -list ( namely index = 0).  This is good.

II. What we want is the reverse of the above:  select a page on popup list ( check the checkbox in front of the view page) and make it on the top of the pop-up-list (namely index=0) and also make this checked view page on the pop-up-list as the selected view page on the page tab and make its index = 0 on this.radPageView1.Pages list.

Currently we can only do : check a view page on the pop-up-list and make it on the top of the pop-up-list ( namely index=0 on pop-up-list) and make it add to this.radPageView1.Pages list  but its index on this.radPageView1.Pages list  is not  zero so it does not appear on the top  of  this.radPageView1.Pages list .  In order to make it on the top of this.radPageView1.Pages list, we have to select it on the page tab ( repeat step I.)    So there are two steps:  1) check the page on the pop-up-list, 2) locate it on the page tabs ( it may be invisible if it is at the bottom of page tabs) and select it so that it can be on the top of the page tabs.  We want only one step: check the page: it is automatically on the top of pop-up-list and also becomes the selected page on this.radPageView1.Pages list and on the top of the page tab.

 

Hello, Richard,

To follow up with the previous reply, we did a little test.  We found out  following;

We notice that  the selected view page does  get updated. This is what we want but not view page tab even though we call

this.radPageView1.Pages.ChangeIndex(this.radPageView1.SelectedPage, 0);

 

== this does not work (METHOD A) ===

 

void outlookElement_ItemChecked(object sender, Telerik.WinControls.UI.OutlookViewItemEventArgs args)

 

 

{

 

 

this.radPageView1.SelectedPage = args.Item.Page;

 

 

 

 

 

this.radPageView1.Pages.ChangeIndex(this.radPageView1.SelectedPage, 0);

 

 

 

 

}

But when we do following, the view page tab moves to the top:

=== this works (METHOD B)===

 

 

 

 

private void radPageView1_SelectedPageChanged(object sender, EventArgs e)

 

 

{

 

 

 

this.radPageView1.Pages.ChangeIndex(this.radPageView1.SelectedPage, 0);

 

 

}

 

 

 

Question:  the same method call of  ChangeIndex(this.radPageView1.SelectedPage, 0) , one works but another does not work.  METHOD A does not work but METHOD B works.

Well.  New discovery.  It seems that it works using

 

void outlookElement_ItemChecked(object sender, Telerik.WinControls.UI.OutlookViewItemEventArgs args)

 

 

{

 

 

// this.radPageView1.Pages.ChangeIndex(this.radPageView1.SelectedPage, 0);

 

 

this.radPageView1.SelectedPage = args.Item.Page;

 

 

 

this.radPageView1.Pages.ChangeIndex(this.radPageView1.SelectedPage, 0);

 

 

 

 

}

But there is  a little catch.   The checked view page on pop-up-list has to on the list of view tab.  It this is on the page view tab, it moves to the top of page view tab list if it is checked on pop-up-list and outlookElement_ItemChecked event is triggered.

Question: there are three lists which should be taken care of  in order to move the view page on the top of the page view tab no matter where the checked item locates on the pop-up-list?

1. pop-up-list for checked page
2. view page list :  this.radPageView1.pages
3. page view tab list.

How to take care of page view tab list so that a checked item on the pop-up-list can appear on the top of page view tab list?

Hello,

I've just been catching up with your posts. I think this is trying to use the RadPageView in a way it wasn't designed for. The Add/Remove buttons section is there to add and remove the yellow buttons from the strip at the bottom, so I'm a bit unsure as to what you wish to do with it.

Please could you format any code that you add with the Format Code block as it makes it quite unreadable if the code is just pasted into the page.

It seems as though you have it working now though, but I don't know what you mean by the Page View Tab List.

Please could you mark helpful answers and if you need further help, do let me know, but if you can add supporting screenshots and add code using format code blocks, this will help me to assist you.
Thanks
Richard

since there is no clear documentation to define, we tentatively gave a label to these visual part to make our communication smooth.  See the attached  to get a visual explanation what we mean about Page View Tab List.

Hello,

Ok, I am including here my working code that I have been using to assist you with. As I said before, I am unsure what you want to do with the popup list of available pages. This is usually used to add and remove the page (yellow) buttons and add and remove pages from the list of pages available.

Designer File


Form1.cs


You've also said there are 3 lists to be dealt with. I am only seeing 2, unless I have missed something obvious.
regards,
Richard

Hello again,

In addition to the above, please be aware that we are working with different versions of the RadControls. I'd strongly advise to upgrade as not only will you have the latest version of the RadPageView, but there are also many other enhancements and fixes that you are sure to find of use
Richard

That is nice.  Thanks for the info.

One more question:

 RadPageViewOutlookElement has a method DragGripUp() which is to drag the overflow grip up to show the first possible hidden item.
 This is the reverse of DragGripDown in our early discussion.
Is there a way to DragGripUp an item we specifies.   Say that there are five or six hidden items  We want to drag number six or number  three hidden item up first.  Or  to make number six or number three hidden item as the first possible hidden item, then DragGripUp

Hello again,

As far as I know, no. As per my code sample, you'd need to DragUp or DragDown the number of times for the number of pages you drag the bar over. For this reason, my first sample had 5 DragDown methods to bring the drag bar doen to hide the first 5 items.

Hope this helps. Please ask if you need anything further
Richard

Hello Ming,

Please remember to mark helpful posts as answer and if you need anything further, do let me know
Thanks
Richard

Hello, Richard,

It seems that we have what we want.  It's a little bit clumsy but it works. Maybe there is a better way but the Stack Data Structure and most of protected methods present some challenges.  It seems that performance is still ok.

Glad that you have a solution.
Regards,
Richard

Hello, Richard,

We have another thing we may need for the PageView.

There is a menu button with a small down arrow image at the lower right corner of PageView to pop up  show more or fewer button menu. (see sample_6)

Can we do following ( see sample-7):
 1. add a text which is aligned to the middle left of the button
 2. use our own image instead of the default small down arrow  and make it align to the middle right of the button.

We try the following codes but it is not quite what we want.  It seems that those codes do not do alignment as what we want.


Any suggestion to help us to get what we want here?
 
Well, ignore this request.  we think that we figure out the solution for this:

outlookElement.OverflowItemsContainer.OverflowButtonElement.TextImageRelation =

TextImageRelation.TextBeforeImage;

Thanks.

 

Hi Ming,

Thank you for writing.

I am glad to hear that you found the solution regarding the alignment question. As to the image itself, you can set it as shown below:

A bit off topic, I would kindly ask you to try to keep discussing only one subject per thread. If you have additional questions, please open a new thread giving it a descriptive name. This will allow our users to find the necessary answers in our forums more easily.

Thank you for your cooperation.

Greetings,
Nikolay
the Telerik team