mavtech
Posts: 133
|
| Posted: 05/28/2008, 8:23 AM |
|
I created one and it looks good.
Now I want to add another tab.
I keep using the forms thing to insert a new tab. But it doesn't create it.
Is there a special method to add a new tab.
Paul
|
 |
 |
ckroon
Posts: 869
|
| Posted: 05/28/2008, 9:35 AM |
|
IF you are talking about hte Tabbed View and Tabbed Tab...
Just add another Tab inside the View...
_________________
Walter Kempees...you are dearly missed. |
|
|
|
mavtech
Posts: 133
|
| Posted: 05/28/2008, 9:59 AM |
|
I keep trying that but it just puts it at the top when I view it.
Is there a certain way to regenerate the Tabbed View.
As it does not add the extra code in this area.
//Panel1YahooTabbedView Start @295-F8D48399
function Panel1YahooTabbedView_start() {
var Panel1YahooTabbedView = new YAHOO.widget.TabView();
var Panel2_tab = new YAHOO.widget.Tab({
label: "Edit Product",
active: true,
contentEl: document.getElementById("Panel1Panel2")
});
Panel1YahooTabbedView.addTab(Panel2_tab);
var Panel3_tab = new YAHOO.widget.Tab({
label: "Sub Courses",
contentEl: document.getElementById("Panel1Panel3")
});
Panel1YahooTabbedView.addTab(Panel3_tab);
var Panel5_tab = new YAHOO.widget.Tab({
label: "<b>Edit Dates</b>",
contentEl: document.getElementById("Panel1Panel5")
});
Panel1YahooTabbedView.addTab(Panel5_tab);
var Panel6_tab = new YAHOO.widget.Tab({
label: "Edit Course Description",
contentEl: document.getElementById("Panel1Panel6")
});
Panel1YahooTabbedView.addTab(Panel6_tab);
YAHOO.util.Event.onContentReady("Panel1", function() {
Panel1YahooTabbedView.appendTo(this);
addEventHandler("Panel1Panel2ProductsButton_Delete", "click", page_Products_Button_Delete_OnClick);
addEventHandler("Panel1Panel2ProductsButton_Cancel", "click", page_Products_Button_Cancel_OnClick);
addEventHandler("Panel1Panel3Subcrs2Button_Delete", "click", page_Subcrs2_Button_Delete_OnClick);
addEventHandler("Panel1Panel3Subcrs2Button_Cancel", "click", page_Subcrs2_Button_Cancel_OnClick);
addEventHandler("Panel1Panel5dates3Button_Delete", "click", page_dates3_Button_Delete_OnClick);
addEventHandler("Panel1Panel5dates3Button_Cancel", "click", page_dates3_Button_Cancel_OnClick);
addEventHandler("Panel1Panel6crsdesc1Button_Delete", "click", page_crsdesc1_Button_Delete_OnClick);
addEventHandler("Panel1Panel6crsdesc1Button_Cancel", "click", page_crsdesc1_Button_Cancel_OnClick);
});
}
//End Panel1YahooTabbedView Start
|
|
|
|
ckroon
Posts: 869
|
| Posted: 05/28/2008, 2:57 PM |
|
You are using 4.0 correct?
_________________
Walter Kempees...you are dearly missed. |
|
|
|
mavtech
Posts: 133
|
| Posted: 05/28/2008, 3:30 PM |
|
Yes
|
|
|
|
ckroon
Posts: 869
|
| Posted: 05/28/2008, 4:22 PM |
|
It works for me every time.
I lay the Tabbed View panel down, then click inside it. Then lay the Tabbed Tab. Then I click inside that and put my grid/record form.
Then, underneath the tabbed Tab (still inside the Tabbed View) I drop another Tabbed Tab. I click inside it and drop a grid.
You should get two tabs when you publish.
_________________
Walter Kempees...you are dearly missed. |
|
|
|
rew-NZ
Posts: 21
|
| Posted: 05/29/2008, 7:22 PM |
|
Hi,
If the design view is leading you astray you can go to the HTML for the page where you should see your panel tags, position your curser between the TabView panel tags before or after any existing TabTab panels and insert the new TabTab panels there.
The other way you can do it is insert a panel between your TabView Panel tags and then add the Yahoo tab action to it which is what the form tool it doing.
The detail in the help on TabView and TabTabs was very helpful.
Side Note:
You might want to use an update panel inside you tab panel so that when a form submits it doesn't reload the page and change the tab that is selected.
You would end up with something like this:
<tabView panel>
<tabtab panel Tab1Panel>
<update panel Tab1UpdatePanel>
<form id="form1">
[controls]
</form>
<End update panel Tab1UpdatePanel>
<End tabtab panel Tab1Panel>
<tabtab panel Tab2Panel>
<update panel Tab2UpdatePanel>
<form id="form2">
[controls]
</form>
<End update panel Tab2UpdatePanel>
<End tabtab panel Tab2Panel>
<End tabView panel>
If tab 2 is selected and form 2 is submitted than only the Tab2Update panel will be refreshed.
Be aware if you are wanting to update the panel from any other event than a form submit, like a button click, you will need to add the control event to the refresh list for that update panel.
Rew
|
|
|
|
wkempees
Posts: 1679
|
| Posted: 05/30/2008, 2:09 AM |
|
@Rew
That was enlightning!
Thanks.
Walter
_________________
Origin: NL, T:GMT+1 (Forumtime +9)
CCS3/4.01.006 PhP, MySQL .Net/InMotion(Vista/XP, XAMPP)
if you liked this info PAYPAL me: http://donate.consultair.eu
|
|
|
|
|
