Select Option mis aligned

Hello
Can you please help me with aligning with the date range select option with the radio button group on the left and with the
button on the right, the select option for "DATE" seems to be slightly mis-aligned.
all the above UI elements are included in a 'Group' UI element which as matrix layout. I tried to play around with the 'vAlign'(top,baseline,middle,bottom) settingfor the different UI elements without any luck, this setting doesnt' seem to have any effect on the position of the select option.
please let me know if you need any other info.
Thanks

Hi,
Here is what you could try out,
1. Create a transparent container and put the Date Select Option( View Container ) in that.
2. Set vAlign for the radio buttons and Transparent container to Middle.
3. Experiment with the vAlign a bit with various combinations till you get desired result.
For e..g dont put any vAlign on Transparent container, but retain them for radio buttons.
This is a tough one to solve, you can get it very close but not completely. This is because the caption for the select option control seems to be always set to vAlign as bottom.
If this does not work.You may need to put the date selector on a different line or in another group with some gap between the Radiobutton group and the Date group.
Hope this helps.
Regards,
Jon

Similar Messages

Can I put a text view next to a select-options dynamically aligned?

Hello,
I need a text view next to a select-options aligned.
I think the only way to do it is dynamically and in the same container.
I tried putting textviews beside the container and aligns them, but I couldn't.
Thanks,
Rodrigo.

Hi,
Can you please let me know what type of layout manager you are using?
You may use Matrix layout to align the elements without using dummy textview.
-Ashutosh

Select-options and button not aligned on same line

Hi,
My goal is to show selection screen with One Select-option & a search button
For this I have created a GROUP inside ROOTUIELEMENTCONTAINER
Following are the settings
ROOTUIELEMENTCONTAINER ( Layout -Matrix layout)
GROUP ( Layout -Matrixlayout , Layout Data : MatrixHeadData)
ViewContainer with select options: (layout -MatrixHeadData)
Button:(Layout - MatrixData)
In SE80/view/layout Select-options & Button are aligned on same straight line
but in output view button has been moved upwards I mean they are not in line.
What else do i need to look?
rgds
vara

Hi Vara,
Please explain your problem in a better way becaiuse I am getting little confused here. Is the search button coming in next row?? Or the select-option and search button are coming in same row but their alignment is different?? If they are coming in different row, then set the width of your view which contains your search button. Just go that view and set the WIDTH and HEIGHT (say 100px) of the ROOTUIELEMENTCONTAINER. Set the layout of your main view (which contains all the view containers) as matrix layout.
Please explain.
Regards
Arjun

Align Select-Option position

Hi All.
I use Parameter (label & Input field) and Select-Option.
Is it possible to justify Select-option's input field position?
I want to align Select-Option's input field and Parameter's one .
Does anybody know about this and help me?
Thanks & Regards.
Sayako.

Hi,
to some extent you can still achieve it.
Or esle you can create 2 blocks using ADD_BLOCK of the above interface. check the parameters of this method where you can provide the layout as GRP or TRAY or TRANPSARENT. When you create a selection field give this block id I_WITHIN_BLOCK of ADD_SELECTION_FIELD, and other block id for the paramter I_WITHIN_BLOCK of ADD_PARAMETER_FIELD
Regards,
Lekha.
Edited by: Lekha on Dec 19, 2011 11:13 AM

Can i have html code for date select options (SEARCH HELP)

Hi frinds,
I have a BSP Page with input as date.
Can i have html code for date select options (SEARCH HELP)
Moosa

Hi
Please find the sample code below.
FROM DATE
      <htmlb:inputField id        = "dd"
                        width     = "45%"
                        type      = "DATE"
                        showHelp = "X" <- Search help
                        alignment = "CENTER"
                        maxlength = "10"
                        disabled = "TRUE"
                        value     = "<%= w_FROMDATE %>" />
TO DATE
      <htmlb:inputField id        = "dd"
                        width     = "45%"
                        type      = "DATE"
                        showHelp = "X"
                        alignment = "CENTER"
                        maxlength = "10"
                        disabled = "TRUE"
value     = "<%= w_TODATE %>" />
Thanks
kalyan

Alligning Select Options in WebDynpro

Hi,
I need to align the select options with that of parameter vertically in a single row.Kindly suggest me the procedure to proceed.I have given the link of my screen below.
http://selectoptions.blogspot.in/2012/02/blog-post.html#!http://selectoptions.blogspot.com/2012/02/blog-post.html

Hi,
You can try by changing the layout to grid layout and try to adjust the vgutter and cell design in properties tab of layout data . Try adjusting settings till you find the desired output. Put the colcount in the layout(grid layout) of theproperty tab = 2. This must be enough .
Thanks and regards
Edited by: Suraj Ravindran Nair on Feb 21, 2012 5:25 AM

Check box before select option in a report program.

Hi All..
I have a report program with select options..I want to put a checkbox before the select option, aligned with it...Is it possible..
Regards
Rudra

Hi Rudra,
Take the below help program. In the below program I am disabling the text fields....
Take the refrence and do it will fix the problem
&***************************Reward Point if helpful***************************&
SELECTION-SCREEN BEGIN OF BLOCK B1 WITH FRAME TITLE TEXT-003.
PARAMETERS: P1 RADIOBUTTON GROUP G1 DEFAULT 'X' USER-COMMAND Z1.
SELECT-OPTIONS: S_PMNUX FOR S076-PMNUX MODIF ID MI1.
PARAMETERS:     P_WENUX LIKE S076-WENUX MODIF ID MI1.
PARAMETERS: P5 TYPE CHAR15 AS LISTBOX VISIBLE LENGTH 15 MODIF ID MI1.
SELECTION-SCREEN BEGIN OF LINE.
SELECTION-SCREEN POSITION 7.
PARAMETERS: P3 RADIOBUTTON GROUP G2 MODIF ID MI1.
SELECTION-SCREEN COMMENT 10(10) TEXT-001 MODIF ID MI1.
SELECTION-SCREEN END OF LINE.
SELECTION-SCREEN BEGIN OF LINE.
SELECTION-SCREEN POSITION 7.
PARAMETERS: P4 RADIOBUTTON GROUP G2 MODIF ID MI1.
SELECTION-SCREEN COMMENT 10(10) TEXT-002 MODIF ID MI1.
SELECTION-SCREEN END OF LINE.
PARAMETERS: P_FILE TYPE RLGRAP-FILENAME MODIF ID MI1.
PARAMETERS: P2 RADIOBUTTON GROUP G1.
SELECT-OPTIONS: S_PMNUX1 FOR S076-PMNUX MODIF ID MI2.        " Product Group
PARAMETERS:     P_WENUX1 LIKE S076-WENUX MODIF ID MI2.       " Plant
PARAMETERS: P6(15) TYPE C AS LISTBOX VISIBLE LENGTH 10 MODIF ID MI2.
*PARAMETERS: P_EMAIL(255) TYPE C MODIF ID MI2.
PARAMETERS: P_EMAIL TYPE SOMLRECI1-RECEIVER.    " Email Address
SELECTION-SCREEN END OF BLOCK B1.
*      AT SELECTION-SCREEN OUTPUT                        *
AT SELECTION-SCREEN OUTPUT.
IF P1 = 'X'.
    LOOP AT SCREEN.
      IF SCREEN-GROUP1 = 'MI2'.
        SCREEN-INVISIBLE = 0.
        SCREEN-INPUT = 0.
        SCREEN-ACTIVE = 1.
        SCREEN-OUTPUT = 1.
        MODIFY SCREEN.
      ENDIF.
      IF SCREEN-GROUP1 = 'MI2'.
        SCREEN-INVISIBLE = 0.
        SCREEN-INPUT = 0.
        SCREEN-ACTIVE = 1.
        SCREEN-OUTPUT = 1.
        MODIFY SCREEN.
      ENDIF.
    ENDLOOP.
ELSEIF P2 = 'X'.
    LOOP AT SCREEN.
      IF SCREEN-GROUP1 = 'MI1'.
        SCREEN-INVISIBLE = 0.
        SCREEN-INPUT = 0.
        SCREEN-ACTIVE = 1.
        SCREEN-OUTPUT = 1.
        MODIFY SCREEN.
      ENDIF.
      IF SCREEN-GROUP1 = 'MI1'.
        SCREEN-INVISIBLE = 0.
        SCREEN-INPUT = 0.
        SCREEN-ACTIVE = 1.
        SCREEN-OUTPUT = 1.
        MODIFY SCREEN.
      ENDIF.
    ENDLOOP.
ELSE.
    LOOP AT SCREEN.
      IF SCREEN-GROUP1 = 'MI2'.
        SCREEN-INVISIBLE = 0.
        SCREEN-INPUT = 0.
        SCREEN-ACTIVE = 1.
        SCREEN-OUTPUT = 1.
        MODIFY SCREEN.
      ENDIF.
      IF SCREEN-GROUP1 = 'MI1'.
        SCREEN-INVISIBLE = 0.
        SCREEN-INPUT = 0.
        SCREEN-ACTIVE = 1.
        SCREEN-OUTPUT = 1.
        MODIFY SCREEN.
      ENDIF.
    ENDLOOP.
ENDIF.

Select/option with cfquery - how to pass selected value to field downform

I have a form that has a basic select/option dropdown using a cfquery result. I would like to use the value that the user selects to pre-populate an editable 'title' field further along on the form. For example:
<form action="index.cfm?fuseaction=sendEmail" method="POST" name="email_approval" enctype="multipart/form-data">
<table width="500" border="1" cellspacing="0" cellpadding="2" align="center">
<tr>
<td align="left">Request ID:</td>
<td align="left" width="100"><b><cfoutput>#RequestId#</cfoutput></b></td>
<td align="left">Application:</td>
<td align="left" width="400"><b><cfoutput>#this_request.app_abbrev#</cfoutput></b></td>
<td align="left">WR/RD#:</td>
<td align="left" width="400"><b><cfoutput>#this_request.request_number#</cfoutput></b></td>
</tr>
<tr>
<td align="left">Email Type:</td>
<td align="left" colspan="2">
      <select name="approval_type" size="1" >
      <cfoutput query="approval_types">
         <option value="#approval_types.approval_descrip#" style="font-size:8pt">#approval_types.approval_descrip#</option>
       </cfoutput>
     </select>
</td>
<td align="left"> </td>
<td align="left">Date Sent:</td>
<td align="left"><b><cfoutput>#dateformat(Now(), "MM/DD/YYYY")#</cfoutput></b></td>
</tr>
<cfset subjectLine = "#RequestId#" & " " & "#approval_types.approval_descrip#" & " Approval Request" >
<script type="text/javascript" language="JavaScript">
<cfoutput>
var #toScript(subjectLine, "jsLine")#;
</cfoutput>
</script>
<script type="text/javascript" language="JavaScript">
function setValue()
document.getElementById('subject').value =jsLine;
</script>
<tr>
<td align="left">Subject:</td>
<td align="left" colspan="5">
   <b><input type="Text" name="subject" required="Yes" size="70" maxlength="70" onClick="setValue();"></b>
</td>
</tr>
When the user gets to the subject field,the onClick will pre-populate the field with the combined value using <cfset subjectLine = "#RequestId#" & " " & "#approval_types.approval_descrip#" & " Approval Request" >. regardless of what is selected, it uses the first item in the query list because that is what is rendered when the form is loaded (got that). I figure that I need a javascript onChange event for the select statement for the dropdown, but can't figure out how to pass this javascript variable back to the CF form. Any ideas, or am I stuck?
Thanks in advance for your thoughts!

You will need to do it with JS as the values you want to access are not set until the form is submitted. This should give you what you want.
It uses a hidden form field to hold the requestID, that is then accessed with JS. (I am assuming this value is available when the page loads)
<form action="index.cfm?fuseaction=sendEmail" method="POST" name="email_approval" enctype="multipart/form-data">
<input type="hidden" name="requestID" id="reqID" value="1234" />
<table width="500" border="1" cellspacing="0" cellpadding="2" align="center">
<tr>
<td align="left">Email Type:</td>
<td align="left" colspan="2">
      <select name="approval_type" id="approval_type" size="1" >
         <option value="test" style="font-size:8pt">test</option>
     </select>
</td>
<td align="left"> </td>
<td align="left">Date Sent:</td>
<td align="left"><b><cfoutput>#dateformat(Now(), "MM/DD/YYYY")#</cfoutput></b></td>
</tr>
<script type="text/javascript" language="JavaScript">
function setValue(){
    var e = document.getElementById("approval_type");
    var approval_type_value = e.options[e.selectedIndex].value;
    var subjectLine = document.getElementById('reqID').value + ' ' + approval_type_value + ' Approval Request';
    document.getElementById("subject").value = subjectLine;
    alert(subjectLine);
</script>
<tr>
<td align="left">Subject:</td>
<td align="left" colspan="5">
   <b><input type="Text" name="subject" required="Yes" size="70" maxlength="70" onClick="setValue();"></b>
</td>
</tr>

File Upload/Menu Select Option

I have a form that needs to have a combination of a file
upload or a menu select option. The client I have been
working with wants to use an insert form to insert a new
record. If the file that they want doesn't have the filename
their looking for in the menu list, they want to use the
option of uploading a file. I'm having trouble combining the
processing script for this and was wondering if anyone can
help me put this together; it's an interesting challenge.
PHP:
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" .
htmlentities($_SERVER['QUERY_STRING']);
if ((isset($_POST["MM_insert"])) &&
($_POST["MM_insert"] ==
"form1")) {
define('UPLOAD_DIR', '../../photos/staff/');
$file = str_replace(' ', '_',
$_FILES['staff_photo']['name']);
$permitted = array('image/gif', 'image/jpeg',
'image/pjpeg', 'image/png');
$typeOK = false;
foreach ($permitted as $type) {
if ($type == $_FILES['staff_photo']['type']) {
$typeOK = true;
break;
if ($typeOK) {
switch($_FILES['staff_photo']['error']) {
case 0:
if (!file_exists(UPLOAD_DIR.$file)) {
$success =
move_uploaded_file($_FILES['staff_photo']['name'],
UPLOAD_DIR.$file);
if ($success) {
$insertSQL = sprintf("INSERT INTO staff (staff_name,
staff_position, staff_subposition, staff_desc, staff_photo,
staff_spec_1, staff_spec_2, staff_spec_3, staff_spec_4,
staff_spec_5) VALUES (%s, %s, %s, %s, %s, %s, %s, %s, %s,
%s)",
GetSQLValueString($_POST['staff_name'], "text"),
GetSQLValueString($_POST['staff_position'], "text"),
GetSQLValueString($_POST['staff_subposition'], "text"),
GetSQLValueString($_POST['staff_desc'], "text"),
GetSQLValueString($_POST['staff_photo'], "text"),
GetSQLValueString($_POST['staff_spec_1'], "text"),
GetSQLValueString($_POST['staff_spec_2'], "text"),
GetSQLValueString($_POST['staff_spec_3'], "text"),
GetSQLValueString($_POST['staff_spec_4'], "text"),
GetSQLValueString($_POST['staff_spec_5'], "text"));
mysql_select_db($database_wvgsadmin, $wvgsadmin);
$Result1 = mysql_query($insertSQL, $wvgsadmin) or
die(mysql_error());
if ($Result1) {
$insertGoTo = "staff_list.php";
if (isset($_SERVER['QUERY_STRING'])) {
$insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
$insertGoTo .= $_SERVER['QUERY_STRING'];
header(sprintf("Location: %s", $insertGoTo));
} else {
$result = "Error uploading $file. Please try again.";
break;
case 3:
$result = "Error uploading $file. Please try again.";
default:
$result = "System error uploading $file. Contact
webmaster.";
} else {
$result = "$file cannot be uploaded. Acceptable file
type: .gif, .jpf, .png";
HTML FORM:
<form method="post" name="form1"
enctype="multipart/form-data" action="<?php echo
$editFormAction; ?>">
<table width="80%" align="center" cellspacing="0"
border="0">
<tr valign="baseline">
<td nowrap align="right">Select Photo:</td>
<td><select name="staff_photo">
<option selected="selected"></option>
<?php buildImageList('../../photos/staff/'); ?>
</select>
<span class="small"> (If
there is no photo
available, please choose 'No-Phot-Available.jpg' or 'No
photo')</span></td>
</tr>
<tr valign="baseline">
<td nowrap align="right">Upload Photo: </td>
<td><input name="staff_photo" type="file" />
</td>
</tr>
<tr valign="baseline">
<td nowrap align="right"> </td>
<td><input type="submit" value="Insert
record"></td>
</tr>
</table>
<input type="hidden" name="MM_insert" value="form1">
<input name="staff_photo" type="hidden" id="staff_photo"
/>
</form>

In this case, I think you might need to
1) Create a transient attribute in the VO.
2) Either create a method in AM to get the file id based on the attachment entity name/id(using PL/SQL) and set the view attribute accordingly
or call a PL/SQL procedure to get the file id in the getter method of the transient attribute.
Look at this forum entry to get the file id.
How to display Attachments on OAF page for different entities
Regards,
Peddi.

Report help for multiple Date Select options

Hi Friends,
For a particular year wise report, the client wants 12 date select-options which are changeable and informal every year .The report will also be displayed as per the given date selection period wise. Please help me how to fetch the datas from the table as per the given selection period. Currently the report have one date select-option where the user gives selection range as 1.04 to 31.03. It's related to EB power consumption report and hence the new requirement on date selection which are informal and not a fixed date of every year.
Ex:Selection-Screen
Period 1 : 08.04.2008 to 12.05.2008
Period 2: 12.05.2008 to 20.06.2008
Period 3: 21.06.2008 to 28.07.2008
Period 4: 29.07.2008 to 15.08.2008
Period 5: 15.08.2008 to 21.09.2008
Period 6 : 21.09.2008 to 14.10.2008
The data will derive as per the above selection ranges.......
Please advise with example.
thanks & regards
Sankar.

>
sankar babu wrote:
> Ex:Selection-Screen
> Period 1 : 08.04.2008 to 12.05.2008
> Period 2: 12.05.2008 to 20.06.2008
> Period 3: 21.06.2008 to 28.07.2008
> Period 4: 29.07.2008 to 15.08.2008
> Period 5: 15.08.2008 to 21.09.2008
> Period 6 : 21.09.2008 to 14.10.2008
Hi,
In this case just derive all records matching dates between 08.04.2008 (low in first select-options) and 14.10.2008(high in last select-options.
Also my advice is to use a single select-options and prompt the user to give the dates as ranges in the multiple entries dialog which can be opened by clicking the button on the right side of the select-options.
Regards
Karthik D

How To... Change the Data Type for a SELECT-OPTIONS at run time.

Hello,
I am trying to restrict the values available for entry into a SELECT-OPTIONS at run time depending on user input.
The logic is as follows. The user has two input fields. A PARAMETER field which has the type RSDIOBJNM and allows them to choose an InfoObject. And the user has a SELECT-OPTIONS field to allow them to select the Characteristic values for that InfoObject.
I would like the following example to be possible:
The user enters 0MATERIAL into the PARAMETER. When the user clicks on the SELECT-OPTIONS control code will derive a list of possible options the user can enter in the SELECT-OPTIONS. In this case only values found in the master data or at least no values greater than 18 characters.
I have looked at the following function module SELECT_OPTIONS_RESTRICT and this do not appear to be helpful as they only restrict on the signs allowed for the values (unless I misunderstand, it is a complex function module!).
The code I have so far is (thus the user enters a InfoObject into p_char1 and the select options so_char1 should only accept active values of that InfoObject):
declaration of variables for user interface
DATA c_char(32) TYPE c.
declaration of count variable
DATA i_count TYPE i.
declaration of user interface
SELECTION-SCREEN BEGIN OF BLOCK a1 WITH FRAME TITLE text-001.
    PARAMETERS: p_ipack TYPE RSLOGDPID.
SELECTION-SCREEN END OF BLOCK a1.
SELECTION-SCREEN BEGIN OF BLOCK b1 WITH FRAME TITLE text-002.
    PARAMETERS: p_char1 TYPE RSDIOBJNM.
    SELECT-OPTIONS: so_char1 for c_char NO INTERVALS.
    PARAMETERS: p_char2 TYPE RSDIOBJNM.
    SELECT-OPTIONS: so_char2 for c_char NO INTERVALS.
    PARAMETERS: p_char3 TYPE RSDIOBJNM.
    SELECT-OPTIONS: so_char3 for c_char NO INTERVALS.
SELECTION-SCREEN END OF BLOCK b1.
Is what I am trying to do possible???
Thanks for any help. Ross.

You really want to restrict possible values of a select-option based on another field, not change the length of type of the select-option field, right?
Here is what you do: Code a custom F4 value help for the select-option at event AT SELECTION-SCREEN ON VALUE REQUEST FOR.. The first thing you do here is read the value of the parameter field (p_ipack in your example). You can use function module DYNP_VALUES_READ. Based on this value, you can propose values for the select-option fields. Note that the use can still enter whatever s(he) wishes in to the select-option field without pressing F4. In this case, you will have to code some input validations taking into account the value in the p_ipack field.

Select-options in SELECT query - syntax error

Hi all,
I get the error below when I try to use the select options in a SELECT query . Please help me.
"The IN operator with "SO_AWART" is followed neither by an internal
table nor by a value list."
The code i have used(Logical database PNP is used):
TABLES: pernr,
        catsdb.
INCLUDE ztime_cwtr_top.    " global Data
INCLUDE ztime_cwtr_f01.
SELECTION-SCREEN BEGIN OF BLOCK B1 WITH FRAME.
SELECT-OPTIONS SO_AWART FOR CATSDB-AWART.
PARAMETERS P_THRES TYPE I.
SELECTION-SCREEN END OF BLOCK B1.
Get data from CATSDB table. Workdates within the date interval are considered.
SELECT pernr workdate awart catsquantity beguz enduz status
FROM catsdb
INTO TABLE it_catsdb
WHERE pernr = pernr-pernr    AND
       workdate GE pn-begda     AND
       workdate LE pn-endda     AND
       status   IN ('20', '30') AND
       awart    IN so_awart .
      awart    IN ('1100', '1137', '1138', '1139', '1140',
                  '1147', '1148', '1149', '1157', '2003' ).
when I give the values directly i do not get any syntax error, but when I use select options in the where condition I get the syntax error.
I have tried different options like using only the select-options in the where condition.
Thanks in advance.....
Madhu

Solved.
Code with syntax error:
include z...top .
include z...fo1.
select-options: xxxxxxx
Code with no syntax error:
select-options: xxxxxxx
include z...top .
include z...fo1.
Thanks for all your help,
Madhu

How to hide some select-option of Logical Database in report?

How to hide select-option of Logical Database in report?eg . In Logical Database 'PNP' , my code is 'GET PERNR' , excute the report , select-screen is displayed . I want to hide some select-options , such as PNPPERNR-LOW .
Edited by: rongrong wang on Mar 26, 2008 9:31 AM

U need to write code in initialization as
initialization.
loop at screen.
if screen-name = 'PNPPERNR-LOW'.
screen-active = '0'.
modify screen.
endif.
if screen-name = 'PNPPERNR-HIGH'.
screen-active = '0'.
modify screen.
endif.
endloop.

Re : select-options in abap-objects program

Dear friends,
                  I want to give select-options in abap-objects program. How to give that.
                             Thanking You
with regards,
Mani

In the transaction SE24, enter your class name, click modify.
in the tab named "Types" you have to declare two types. By example, if you want to receive one select-options that in your program that uses this class is declared like:
" P_SAKNR FOR SKAT-SAKNR".
you've got to declare two types in the class:
a- TYPES: begin of E_S_SAKNR,
                      sign(1),
                      option(2),
                      low(10),
                      high(10),
                  end of E_S_SAKNR.
b - TYPES E_T_SAKNR type standard table of E_S_SAKNR.
so, in the class method that you want to receive P_SAKNR as importing parameter. You got to do this:
method TEST importing ET_SAKNR type E_T_SAKNR.
now, in the implementation of this method you should be able to use ET_SAKNR as the same way as you usually use a parameter or a select-option. You could use it in a select with the operator IN by example..

Re : select-options in abap objects

Dear friends,
I want to give select-options in abap-objects program. How to give that.
Thanking You
with regards,
Mani

HI Mani,
It's common mix ABAP Procedural with ABAP Objects in the same program.
You should use the same way used in ABAP procedural program as Marco Cerdelli sad.
But inside ABAP OBJECTS classes you can't use is these statement type.
Don't forget to close this thread and all yours previous when your question be answered ! In case of doubt read the [rules of engagement|https://forums.sdn.sap.com/].
Best Regards.
Marcelo Ramos

Select Option mis aligned

Similar Messages

Maybe you are looking for