Tab control in jsp

How to develop tabbed applications using jsp . that is a single page should have tabs in it and each tab should show a different layout

That sort of thing is usually done by Javascript (which you probably already know isn't Java). And JSP (which isn't Java either) just generates HTML, which can contain Javascript.
So first figure out the HTML and Javascript to do that. Then write your JSP to generate that HTML and Javascript.

Similar Messages

Working with line feed, carriege return, tab etc in JSP web layout

Hi guys,
After looking at an old thread
line feed, carriege return, tab etc in JSP web layout
I think I am experiencing the same problem here and I'm struggling to implement the solution, mainly because I am a complete newbie at jsp reports (and most things webby).
1) Can I add the code following code directly to the web source? If not then how do I find the css file being used?
table pre {
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
/* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
2) I'm not sure how to set the width to be same as the width of the table cell.
Here's the web source and thanks very much in advance!
<%@ taglib uri="/WEB-INF/lib/reports_tld.jar" prefix="rw" %>
<%@ page language="java" import="java.io.*" errorPage="/rwerror.jsp" session="false" %>
<%@ page contentType="text/html;charset=ISO-8859-1" %>


<html>
<head>
<meta name="GENERATOR" content="Oracle 9i Reports Developer"/>
<title> STAR Solution Plan Report </title>
</head>
<body>

<rw:dataArea id="MG2GRPFR69">
<rw:foreach id="RG2691" src="G_issue_solution">
 <table>
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%" style="font-family: Book Antiqua; font-size: 10pt">
<TBODY>
<TR>
<TD vAlign=center align="left">
<IMG src="http://witton3/star/Docs/EU_Man/TIMET_Logo.jpg" width="150" height="77"> 

</TD>
<TD vAlign=center align="right">
<IMG src="http://witton3/star/Docs/EU_Man/Star_Logo.gif" width="116" height="46">

</TD>
</TR></TBODY></TABLE>
STAR System Documentation

Solution Plan for STCR 
<rw:field id="F_issue_id" src="issue_id" breakLevel="RG2691" breakValue=" "> F_issue_id </rw:field>

NOTE: For existing STAR programs, unless explicitly
stated in the solution plan, functionality pre-existing in the program or report
will be retained. Approval of the solution plan implies agreement that
current functionality not being modified is still acceptable going forward, in
the light of the specific changes documented. 
Root Cause of Issue
 <rw:field id="F_root_cause" src="root_cause" breakLevel="RG2691" breakValue=" "> F_root_cause </rw:field>

Overview of Solution
 <rw:field id="F_solution_overview" src="solution_overview" breakLevel="RG2691" breakValue=" "> F_solution_overview </rw:field>

Functionality Changes
After implementation of these changes the users will now be able to:
 <rw:field id="F_sp_new_functionality" src="sp_new_functionality" breakLevel="RG2691" breakValue=" "> F_sp_new_functionality </rw:field>

After implementation of these changes the users will no longer be able to:
 <rw:field id="F_sp_removed_functionality" src="sp_removed_functionality" breakLevel="RG2691" breakValue=" "> F_sp_removed_functionality </rw:field>

After implementation of these changes the users will need to do this differently:
 <rw:field id="F_sp_changed_functionality" src="sp_changed_functionality" breakLevel="RG2691" breakValue=" "> F_sp_changed_functionality </rw:field>

Program Units Affected
 <tr>
<td valign="top">
<table summary="STAR System Documentation" border="1" width="100%" style="font-family: Book Antiqua; font-size: 10pt">

<thead>
<tr>
<th width="100" align="left" <rw:id id="HBprgunittype69" asArray="no"/>> Program Unit Type </th>
<th width="200" align="left" <rw:id id="HBprgunitname69" asArray="no"/>> Program Unit Name </th>
<th align="left" <rw:id id="HBdescofchange69" asArray="no"/>> Description of Change </th>
<th align="left" <rw:id id="HBtechnotes69" asArray="no"/>> Technical Notes </th>
</tr>
</thead>

<tbody>
<rw:foreach id="RG1691" src="G_issue_prg_units">
<tr>
<td width="100" align="left" valign="top" <rw:headers id="HFprgunittype69" src="HBprgunittype69"/>> <rw:field id="Fprgunittype69" src="program_unit_type" nullValue=" "> F_prgunittype </rw:field></td>
<td width="200" align="left" valign="top" <rw:headers id="HFprgunitname69" src="HBprgunitname69"/>> <rw:field id="Fprgunitname69" src="program_unit_name" nullValue=" "> F_prgunitname </rw:field></td>
<td <rw:headers id="HFdescofchange69" src="HBdescofchange69"/>> <rw:field id="Fdescofchange69" src="sp_description_of_change" nullValue=" "> F_descofchange </rw:field></td>
<td <rw:headers id="HFtechnotes69" src="HBtechnotes69"/>> <rw:field id="Ftechnotes69" src="sp_technical_notes" nullValue=" "> F_technotes </rw:field></td>
</tr>
</rw:foreach>
</tbody>
</table>
</td>
</tr>
Security
 <rw:field id="F_sp_security" src="sp_security" breakLevel="RG2691" breakValue=" "> F_sp_security </rw:field>

Site Specific data /processing
 <rw:field id="F_sp_site_specific_info" src="sp_site_specific_info" breakLevel="RG2691" breakValue=" "> F_sp_site_specific_info </rw:field>

Impacts and restrictions
 <rw:field id="F_sp_impacts_and_restrictions" src="sp_impacts_and_restrictions" breakLevel="RG2691" breakValue=" "> F_sp_impacts_and_restrictions </rw:field>

Pre-Implementation data modifications
 <rw:field id="F_sp_pre_imp_data_mods" src="sp_pre_imp_data_mods" breakLevel="RG2691" breakValue=" "> F_sp_pre_imp_data_mods </rw:field>

Post Implementation user actions
 <rw:field id="F_sp_post_imp_data_mods" src="sp_post_imp_data_mods" breakLevel="RG2691" breakValue=" "> F_sp_post_imp_data_mods </rw:field>

</table>
</rw:foreach>
</rw:dataArea> 

</body>
</html>


The solution in the original post was:
set the
width to be same as the width of the table cell
add following class to css file
table pre {
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
/* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
But I dont have a css file ... can I just add this to the web source and if so where?

How to hide a tab in a jsp?

Hi all,
Kindly tell me how I can hide a tab in a jsp. Suppose the id of my tab is 'Tab123', what would be the syntax I need to use. And where should I put this syntax?

You can use taglibs and EL to control the output flow in JSP. A standard taglib is JSTL. For conditional statements you can use JSTL's <c:choose> or <c:if> tags. Syntax is nothing more than obvious, here's some pseudocode:<c:if test="${display tab123}">
<div id="tab123"></div>
</c:if>

Save the selected value from listbox with its respective tab control dropdown selcted values in another listbox

Hi all,
I am making a vi where I have to save the selected value from listbox with its respective tab control dropdown selcted values in another listbox.Whenever I select Item1 then the heading change and respective tab will open for that item.But Now I just want to save the selection and put it in another ListBox.SO that I can renmove or add according to my wish. Plz help me.
Solved!
Go to Solution.
Attachments:
my_vi.png ‏83 KB

Hi, I successfully make the vi to insert itmes from listbox1 to listbox2.Whenever I select itmes 1 in listbox 1 it display same elected item in listbox2 , but it not appending the items in listbox2.Like If 1 is selected in listbox1 then 1 will display , next time after saving when I selct next item like 3 then in listbox 2, 1 is replaced by 3,it dont come in second row of listbox2.Hope I am able to explain.\
Plz help me to resolve this.
Attachments:
listbox_update.vi ‏11 KB

I want to create tab's in JSP..?

Hello experts,
I want to create tab's in JSP page. So if there is in taglib for tab's. So please let me know which one is this and how to implement it. And the directory structure of the Application folder.
Thanks and Regards,
Andy Surya

Or you could write your own using divs and css, it wouldnt take very long as I have done it a couple of times. It might not be the best solution, but I made each tab section an action apart from the page you are currently on and used a separate jsp for each individual tab page. The html was replicated at the top of each page. Each clickable tab header had an action behind it fired by javascript.
It requires a page refresh on each tab click and multiple jsp's (one for each tab) so might not be the most appropriate solution but it works very well and looks good.

How can I set the tab order of text box controls on each page of a tab control?

I need to be able to select the tabbing order of individual controls on a single page of a tabbed control. How??

In LV 6.1 an up you should be ablel to right click on the edge of the tab control when the tab-page in question is selected.
The bttom selcetion in the pop-up is "Reoder controls in page..."
selecting this option will switch editing modes to allow you to specify the ored, just like in a cluster.
I seem to remeber in older versions you had to drag the tabable controls off the tab control, specify the tabbing oder and then drag them back on. The oldest version I have on this machine is 6.1 so that all I can speak for at the moment.
I hope this helps,
Ben
Ben Rayner
I am currently active on.. MainStream Preppers
Rayner's Ridge is under construction

Can you print all the tab control's contents and include the tabs?

We are trying to generate a report that includes the contents of a tab control (graphs, text). Using the Append Control Image to Report.vi, we are only able to print out the active tab and the tab is cut off of the image. How can we generate reports that include all the tab pages and their contents and include the labeling tabs?
Thanks in advance.
Jim

I do have a workaround for makinging the prints but it looks like some sort of cropped screensave that cuts off the tabs. In my sample I was printing out 3 of the tab controls and you can see there are three by the cut off tabs. Is there a setting to allow for more of the graph and its surroundings to be "captured"?
Attachments:
Document.pdf ‏53 KB
Document (2).pdf ‏51 KB
Document (3) (2).pdf ‏58 KB

How can I Create a exe file were a tab control on it work`s

I have a VI with many controls and indicators,these are spread on a tab control.This tab control works with out any problems but if i create a exe file then the tab control is fixed. How can I create a exe file so that the tab control on it work´s ?"
Attachments:
project7.1.jpg ‏129 KB

Make the tab control a control and not an indicator. If you want to write
to it you need to create a local variable.
"Carlos-R." wrote in message
news:[email protected]..
I have a VI with many controls and indicators,these are spread on a
tab control.This tab control works with out any problems but if i
create a exe file then the tab control is fixed. How can I create a
exe file so that the tab control on it work´s ?"

How can I create a exe file with a tab control on it that work´s ?

I have a VI with many controls and indicators,these are spread on a tab control.This tab control works with out any problems but if i create a exe file then the tab control is fixed. How can I create a exe file so that the tab control on it work´s ?

I have made a new Posting with the same question but this time I added a screenshot of the VI.
Attachments:
project7.1.jpg ‏129 KB

Data Origin Types not filled in the tab "Control Data" of BP interface

Hello experts,
I have loaded the clients from ECC6.0 to CRM 4.0.
Before I have loaded the clients I have maintained the data origin type for the BP in spro -> cross application components -> SAP Business Partner -> Business partner -> Basic settings -> Data Origin -> Maintain Data Origin Type.
After I have done the load initial of clients, the field "Data Origin" is empty in the tab "Control Data" in BP interface. If I do F4 in the field appear the configuration that I did in spro appear.
For this field will appear filled I'll need to do more configurations in spro?
Best regards,
Mary

Hi Mary,
The middleware does not fill this field in BP master data. You can maintain data origin type in SPRO, however the mBdoc does not use this customizing in order to fill this field.
Please try to use the BADI CRM_DATAEXCHG_BADI in order to fill this field during master data download.
It hope it helps.
Regards,
Gabriel Santana

Horizontal tabs when they are on the left side of tab control

I have a tab control for a touch screen where I was going to use buttons along the left side to change tabs, and hide the tabs. However, I realized I can put the tabs on the left side of the tab control and remove my buttons all together. Only issue is, I would like them (along with their font) to be horizontal, not vertical as they are shown in my screenshot. Is there a way to change this?
CLA, LabVIEW Versions 2010-2013
Solved!
Go to Solution.
Attachments:
touchscreen.PNG ‏118 KB

It's a really poor design aspect of tab controls that the text is sideways when the tabs are on the left or right side.
I've looked into it and found no way to re-orient the text.
However you can put images on the tabs instead of text, and the images can be of text (correctly oriented of course).
The attached code can be used to generate such a tab control.
Attachments:
Create_Good_Tab_2.llb ‏98 KB

How to hide a tab in a Tab Control by Property Node?

Hi,
I have a Tab Control in my Front Panel. So, using a array of LEDs, I would like to hide some tabs, probably using Property Node functions, but I can't find what option do it. Is it possible?

Thanks Macro! I came to the forum to find a solution for this exact problem, it's nice to find it already laid out for me so clearly.
-Joe

Using a jQuery list box placed onto a tab control doesn't seem to work for posting?

Hello,
I developed a U.I. in Dreamweaver for a product and have several list boxes that use the onChange modifier to collect what the user selects from the list. I use the onChange=this.form.submit() function to grab the user's selection from the list box..
When this dropdown list box code is placed onto a form, it posts properly and I can retrieve the user's list selection. If however I place the list box code onto a Tab page from a jQuery Tab Control, developed in Dreamweaver, the posting doesn't seem to work.
I must be missing something because identical code is working fine when the list box code is placed on a form yet when the code is repeated from within a Tab, it isn't working.
The code is simple, and shown below). The list values are coming from a MySQL table.
$MyQuantity_query="SELECT * FROM Quantity_Table";
$MyQuantity_Result=mysqli_query($cxn,$MyQuantity_query) or Die ("Cannot connect");
echo"<select name='ThisQuantity[$RowCounter]' value='ThisQuantity[$Rowcounter]' onChange='this.form.submit()'><option value='-1' selected>Qty</option>";
While($MyQuantity_Row=mysqli_fetch_assoc($MyQuantity_Result))
extract($MyQuantity_Row);
echo"<option value='$Qty_Number'>$Qty_Number</option>";
echo"</select>";
Any suggestions would be appreciated. Thanks.
Joel
[email protected]

Thanks you.
I tried placing the selection list inside of
tags but posting still doesn’t seem to be working?
Regards,
Joel

Word-wrap in tab control

Is there a possibility to make a word wrap in the naming of a page in the tab control?
Thanks
Sven

Sure, possibilities always here... Impossible is nothing:
Andrey.
Message Edited by Andrey Dmitriev on 02-10-2009 11:29 AM
Attachments:
Tab Screenshot.png ‏6 KB
Tab Control.vi ‏7 KB

How to progammatically show a specific page of a tab control

Hei,
i have a tab control, from which i want to display a specific page if a specific event occured.
must be simple, but i just cant find the control property for it.
... And here's where I keep assorted lengths of wires...

of course!!
thanks for showing me the obvious... i have been trying to get to more specific classes...
thanks a bunch
... And here's where I keep assorted lengths of wires...

Tab control in jsp

Similar Messages

Maybe you are looking for