Header text not displayed in quotation
Dear all ,
I am using standard form for quotation printing but the text i enter in quotation header it is not getting displayed in the standard layout of the quotaion . is there any settings i need to do .
pls advise
Ramar
you have to read_text function module for that.......for that you need
id
object
name which is diffenrent for standard program ,you have to pass these parameters and on the basis you have to read text... i am sending you code
DATA: wa_ltext TYPE tline,
current_line TYPE i,
prev_line TYPE i.
LOOP AT ta_ltext WHERE tdline NE space.
CASE ta_ltext-tdformat.
WHEN '='.
prev_line = sy-tabix - 1.
READ TABLE ta_ltext INTO wa_ltext INDEX prev_line.
IF sy-subrc = 0.
CONCATENATE wa_ltext-tdline ta_ltext-tdline
INTO ta_ltext2-tdline.
MODIFY ta_ltext2 INDEX current_line.
ENDIF.
WHEN OTHERS.
ta_ltext2-tdline = ta_ltext-tdline.
APPEND ta_ltext2.
current_line = sy-tabix.
ENDCASE.
ENDLOOP.
DATA: BEGIN OF ttab OCCURS 0.
INCLUDE STRUCTURE tline.
DATA: END OF ttab.
DATA: BEGIN OF tinlinetab OCCURS 0.
INCLUDE STRUCTURE tline.
DATA: END OF tinlinetab.
DATA: BEGIN OF thead.
INCLUDE STRUCTURE thead.
DATA: END OF thead.
lv_objname = it_lips-posnr.
CONCATENATE it_lips-vbeln lv_objname INTO lv_objname.
PERFORM read_item_text1 USING lv_objname it_lips-vbeln.
*& Form read_item_text1
text
-->P_LV_OBJNAME text
-->P_IT_LIPS_VBELN text
FORM read_item_text1 USING P_OBJNAME
P_IT_LIPS_VBELN.
CLEAR : v_regcarr , v_intcarr ,
v_reqdate , v_commdate.
CLEAR: thead,it_likp-traty.
REFRESH : ttab, tinlinetab.
thead-tdid = '0001'.
thead-tdspras = sy-langu.
thead-tdname = p_objname.
thead-tdobject = 'VBBP'.
CALL FUNCTION 'READ_TEXT_INLINE'
EXPORTING
id = thead-tdid
inline_count = 1
language = thead-tdspras
name = thead-tdname
object = thead-tdobject
IMPORTING
header = thead
TABLES
inlines = tinlinetab
lines = ttab
EXCEPTIONS
id = 1
language = 2
name = 3
not_found = 4
object = 5
reference_check = 6
OTHERS = 7.
IF sy-subrc <> 0.
MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
ENDIF.
and if you ar using smartforms
you kan read text in this way
program lines
input parameters output parameters
gs_vbrp GV_TYPPKG
gs_item
CLEAR: GV_TYPPKG.
CONCATENATE
gs_ITEM-vbeln
gs_ITEM-posnr INTO GV_TYPPKG.
create>text, type>include text
1)text name --> &GV_TYPPKG&
2)text object-->VBBP
3)Text id ->Z009
4)lan -->en
tick mark no error if no text exists
also provide standard paragraph and first paragraph
reward points if satisfied
Similar Messages
-
Header text not displayed in script for Quotation
Dear all ,
I am using standard form for quotation printing but the text i enter in quotation header it is not getting displayed in the standard layout of the quotaion . is there any settings i need to do .
pls advise
RamarDear all ,
I am using standard form for quotation printing but the text i enter in quotation header it is not getting displayed in the standard layout of the quotaion . is there any settings i need to do .
pls advise
Ramar -
Column Header Text not displaying for multi-set column block
Hello,
I have assigned a key figure set to a column block in a report writer report in ECC 6 using table FAGLFLEXT with both additional text functionality use and without use of additional text.
I can't get the column headings text for these key figure sets in the column block to appear on a report writer report.
Your assistance in getting the column headings text to appear will be greatly appreciated.
Thanks,
Michael HampFor more clarity, and to make sure that the error is not in my database or series query, I have replicated the error online here:
http://apex.oracle.com/pls/apex/f?p=27270:4
I plotted 3 series in the first region, including one series with no data for one period.
I plotted the fourth series in the second region, which has no data for 2 months. When I try to plot this in the first chart, nothing is displayed.
I can't understand why this is happening, I hope that there is a solution for this. I can share the workspace password where the above application is, if some one wants to take a look. -
Div header tag - not displaying correctly
I thought I had resolved an issue with a div header tag, but - as per a reply in my 'text as gif' thread, possibly not!
The header contains three images; a logo, a banner (text), and a picture of a castle. These should display in a line.
When I first set it up, I realised that the castle picture was normally ending up below the other two on smaller screens etc.
So I changed the dims for my div container from min 760px/max 1260px, to a set width (960px). I then rejigged the three images so the widths were within 960px, with some to spare for the spacing (total widths of the three are 900: hspacing another 20 pixels). There is no padding/borders defined. Therefore the total should be well within the 960 width (?).
It looks fine on my PC (widescreen); in 3 browsers, using the restore down menu command (ie to make it not full screen), and by using the Dreamweaver multiscreen preview (phone, tablet, smaller desktop). It wasn't ideal (as scrolling required), but at least meant the header (and the rest of the screen) displayed correctly, ie in a horizontal line (and then sidebar - content - sidebar).
If I set my container width much smaller, most of the screen will be green (the body) in big screens.
If I rejig the dimensions, it's all a bit hit and miss (and why don't the current dimensions work?).
Do I need to define the width of the header (as well as the container)?
Help! Thank you
http://hertfordcarnival.org.uk/dev/Index.htmlHi there, I started off using one big image, but it didn't look right with regards to size and placing (ie I wanted the logo on the left edge, the castle on the right edge, etc). When you say slice, what do you mean? One image in from fireworks, and then ... ? Thanks again
Date: Wed, 7 Dec 2011 01:37:10 -0700
From: [email protected]
To: [email protected]
Subject: Div header tag - not displaying correctly
Re: Div header tag - not displaying correctly
created by osgood_ in Dreamweaver - View the full discussion
Datafan55 wrote: I thought I had resolved an issue with a div header tag, but - as per a reply in my 'text as gif' thread, possibly not! Why not just use one big image then you wont have a problem of with the alignment. Certainly don't use 'vspace' and 'hspace' to position the images. If you want to use 3 seperate images start by setting them us as one complete image then slice it into 3 images. Then use the following css to position the images side by side. #header img If the total sum of the width of the images is the same or does not exceed 960px then the images should be in a nice row side by side. They will actually sit side by side without using 'float' but you'll get a small gap between them which will be added to the sum of the width which will exceed 960px causing the third image to drop onto the next line.
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4068499#4068499
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4068499#4068499. In the Actions box on the right, click the Stop Email Notifications link.
Start a new discussion in Dreamweaver by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746. -
Flash Text not displaying certain fonts
Thanks as always…
I am trying to use Flash text for some headings, but after an
hour of pulling my hair out I've just realised it will only display
certain fonts, such as Helvetica etc.
I added the font I want to use to my font list but it still
does not display…
I'm using MX on OSX 10.3.9.
Any ideas? Thansk.
Flash Text not displaying certain fontsFodderstompf wrote:
> Thanks guys,
>
> I don't have Flash MX and it turns out the font is a
Postscript Type 1.
>
> Didn't realise about the true-type thing, bit of
nusiance (and completely the
> opposite of the hassle I normally have with print
work!).
>
> I'm gonna look and see I can get a true-type version of
the font (Tabitha), or
> is there any other work around?
>
> Thanks.
>
>
Is your text in a dynamic text box, or static text box in
flash?
I don't think the issue concerns the "true-type" or not
"true-type" font.
In Flash, when text is part of a dynamic text box (which I
assume is the case in your situation),
then the font works just like in an html page:
if the font is installed on the computer it will show, if
not, it won't. The way around this, is to
embed the font data in the authoring flash file, and link it
to the dynamic text box, via actionScript.
So if you cannot work on the authoring Flash file with Flash
MX or Flash8, and if indeed we're
talking about a dynamic text box, your only option is to use
a web-safe font.
seb ( [email protected])
http://webtrans1.com | high-end web
design
An Ingenious WebSite Builder:
http://sitelander.com -
Why won't voice generated text not display as I speak?
Why won't voice generated text not display on the screen as I speak?
All you get in 10.6.5 is spoken COMMAND recognition.
Dictation requires 10.8 Mountain Lion or later:
Mac Basics: Dictation lets you speak text instead of typing -
SMS text message header does not display sender information
When I receive a text message the only header information that displays is the date and time. The senders information does not display. The lines are not even there. There is no way to reply to a text message or tell who the sender is. This problem is only with SMS messages. Regular email headers display just fine. I have done a wipe, reset, reload, everything possible with no luck. I am the only one in my office with this problem. I have not been able to find any information or postings from anyone having the same problem. I can read the text message, but there is no header (except for the date and time). Any thoughts?
Blackberry Curve 8350iI was able to resolve the problem by uninstalling the Blackberry desktop manager software and reinstalling it selecting Internet Email vs. Blackberry Enterprise Server. If you get to the screen that asks you to choose which type of email service you use and you accidentally choose the wrong one your phone will work but will do strange things, including sending all sorts of redirect emails. For me, this seemed to do the trick.
-
Why does Email text not display, only the header?
When opening an email message, the text or graphics if applicable does not display. The messages display in my Inbox along with the Preview Pane, but when opened the text box is blank. Why?
Close out of the mail app, then double tap the home button and completely close out of the app.
Then do a reset, no data loss. Hold down the home/sleep button together until you see the apple logo and then release, then wait for the phone to boot back up. -
Column Heading are not displayed in ALV Report using CL_SALV_DISPLAY?
Hi,
I am using CL_SALV_DISPLAY class to display data. I Created an Internal Table Dynamically based fieldcatalog which was prepared based data at run time. When i displayed data using CL_SALC_DISPALY data is display in output but column headings are not displayed.
can anyone suggest me how to display heading in ALV using CL_SALV_DISPLAY class, My code is
CLASS lcl_report DEFINITION
CLASS lcl_report DEFINITION.
PUBLIC SECTION.
METHODS:
display IMPORTING l_table TYPE string
l_fcat TYPE string.
ENDCLASS. "lcl_report DEFINITION
CLASS lcl_report IMPLEMENTATION
CLASS lcl_report IMPLEMENTATION.
METHOD display.
DATA: gr_table TYPE REF TO cl_salv_table.
DATA: gr_columns TYPE REF TO cl_salv_columns_table,
gr_column TYPE REF TO cl_salv_column_table,
ls_fcat TYPE slis_fieldcat_alv.
DATA: gr_display TYPE REF TO cl_salv_display_settings.
DATA: l_o_functions TYPE REF TO cl_salv_functions_list,
l_field TYPE string.
FIELD-SYMBOLS : <fs_table> TYPE STANDARD TABLE,
<ft_fcat> TYPE STANDARD TABLE.
Get the ALV object refering to the output table
ASSIGN (l_table) TO <fs_table>.
ASSIGN (l_fcat) TO <ft_fcat>.
TRY.
cl_salv_table=>factory(
IMPORTING
r_salv_table = gr_table
CHANGING
t_table = <fs_table> ).
CATCH cx_salv_msg. "#EC NO_HANDLER
ENDTRY.
Add basic default functionality in the ALV report
Functions
l_o_functions = gr_table->get_functions( ).
l_o_functions->set_all( abap_true ).
gr_columns = gr_table->get_columns( ).
gr_columns->set_headers_visible( abap_true ).
Display the list
gr_table->display( ).
ENDMETHOD. "extract
ENDCLASS. "lcl_report IMPLEMENTATION
*& start-of-selection declaration
START-OF-SELECTION.
PERFORM :
get store codes
get_storecodes USING p_stfile
CHANGING it_t001w,
fetching mard data
read_mard_data,
preparing fieldcatalog for Final Data
create_filedcat USING it_t001w
it_site
CHANGING it_fieldcat,
preparing structure & internal table for Final Data
create_final_table_structure USING it_fieldcat,
prepare output data
prepare_final_data.
*& end-of-selection declaration
END-OF-SELECTION.
PERFORM :
display data
display_data USING l_table
l_fcat.
*& Form get_storecodes
FORM get_storecodes USING p_p_stfile
CHANGING p_it_t001w LIKE it_t001w[].
DATA :
internal table for RAW
lt_raw TYPE truxs_t_text_data,
rs_site LIKE LINE OF rt_site,
l_index LIKE sy-tabix.
FIELD-SYMBOLS :
field symbol for it_t001w
<fs_t001w> LIKE LINE OF p_it_t001w.
calling function module to get Stores Data from File
CALL FUNCTION 'TEXT_CONVERT_XLS_TO_SAP'
EXPORTING
i_line_header = 'X'
i_tab_raw_data = lt_raw
i_filename = p_p_stfile
TABLES
i_tab_converted_data = p_it_t001w[]
EXCEPTIONS
conversion_failed = 1
OTHERS = 2.
IF sy-subrc <> 0.
EXIT.
ENDIF.
SORT p_it_t001w BY werks.
CLEAR rs_site.
rs_site-sign = 'I'.
rs_site-option = 'EQ'.
rs_site-low = p_dccode.
APPEND rs_site TO rt_site.
IF it_t001w[] IS NOT INITIAL.
LOOP AT p_it_t001w ASSIGNING <fs_t001w>.
l_index = sy-tabix.
CALL FUNCTION 'CONVERSION_EXIT_ALPHA_INPUT'
EXPORTING
input = <fs_t001w>-werks
IMPORTING
output = <fs_t001w>-werks.
MODIFY p_it_t001w FROM <fs_t001w> INDEX l_index.
IF <fs_t001w>-werks GE s_site-low AND <fs_t001w>-werks LE s_site-high.
append site to ranges
CLEAR rs_site.
rs_site-sign = 'I'.
rs_site-option = 'EQ'.
rs_site-low = <fs_t001w>-werks.
APPEND rs_site TO rt_site.
CONTINUE.
ENDIF.
ENDLOOP.
SORT p_it_t001w BY werks.
SORT rt_site.
ENDIF.
ENDFORM. " get_storecodes
*& Form create_final_table_structure
FORM create_filedcat USING p_it_t001w LIKE it_t001w[]
p_it_site LIKE it_site[]
CHANGING p_it_fieldcat LIKE it_fieldcat[].
FIELD-SYMBOLS :
field symbol for p_it_t001w
<fs_t001w> LIKE LINE OF p_it_t001w,
field symbol for p_it_site
<fs_site> LIKE LINE OF p_it_site.
DATA :
fieldname
l_fieldname TYPE slis_fieldname,
workarea for site ranges
rs_site LIKE LINE OF rt_site.
CLEAR : l_fieldname, rs_site.
l_fieldname = p_dccode.
PERFORM
prepare fieldcatalog
build_fieldcatalog USING : 'MTART' 'CHAR' '5' ,
'MTBEZ' 'CHAR' '25' ,
'MATKL' 'CHAR' '6' ,
'WGBEZ' 'CHAR' '20' ,
'MATNR' 'CHAR' '18' ,
'MAKTX' 'CHAR' '30' ,
l_fieldname 'CHAR' '17' .
create header for excel
PERFORM create_excel_header USING : 'Division',
'Divsion Description',
'MC Code',
'MC Description',
'Article',
'Article Description',
l_fieldname.
loop for creating fieldcatalog
LOOP AT it_site ASSIGNING <fs_site>.
READ TABLE it_t001w ASSIGNING <fs_t001w> WITH KEY werks = <fs_site>-werks
BINARY SEARCH.
IF sy-subrc = 0 AND <fs_t001w> IS ASSIGNED AND
<fs_site> IS ASSIGNED AND <fs_site>-stock GT 0.
CLEAR : l_fieldname, rs_site.
l_fieldname = <fs_site>-werks.
prepare fieldcatalog
PERFORM build_fieldcatalog USING : l_fieldname 'CHAR' '17'.
create header for excel
PERFORM create_excel_header USING l_fieldname .
CONTINUE.
ENDIF.
ENDLOOP.
l_fcat = 'it_fieldcat[]'.
ENDFORM. " create_final_table_structure
*& Form build_fieldcatalog
FORM build_fieldcatalog USING p_fieldname TYPE slis_fieldname
p_datatype TYPE datatype_d
p_length TYPE intlen.
DATA : ls_fieldcat LIKE LINE OF it_fieldcat.
CLEAR : ls_fieldcat.
ls_fieldcat-fieldname = p_fieldname.
ls_fieldcat-datatype = p_datatype.
ls_fieldcat-intlen = p_length.
APPEND ls_fieldcat TO it_fieldcat.
ENDFORM. " build_fieldcatalog
*& Form create_final_table_structure
FORM create_final_table_structure USING p_it_fieldcat.
Create dynamic internal table and assign to FS
CALL METHOD cl_alv_table_create=>create_dynamic_table
EXPORTING
it_fieldcatalog = it_fieldcat
IMPORTING
ep_table = t_table.
ASSIGN t_table->* TO <ft_final>.
ENDFORM. " create_final_table_structure
*& Form create_excel_header
FORM create_excel_header USING p_p_fieldname.
DATA : ls_header LIKE LINE OF it_header.
CLEAR ls_header.
ls_header-col_name = p_p_fieldname.
APPEND ls_header TO it_header.
ENDFORM. " create_excel_header
*& Form prepare_final_data
FORM prepare_final_data .
DATA : l_matnr LIKE g_matnr,
l_werks LIKE g_werks,
l_index LIKE sy-tabix.
FIELD-SYMBOLS : <fs_mard> LIKE LINE OF it_mard.
Getting No. of Lines in IT_MARD internal table
DESCRIBE TABLE it_mard LINES g_lines.
LOOP AT it_mard ASSIGNING <fs_mard>.
l_index = sy-tabix.
IF l_matnr IS INITIAL.
l_matnr = <fs_mard>-matnr.
CLEAR : l_werks.
l_werks = <fs_mard>-werks.
UNASSIGN : <fs_value>, <fs_final>.
Create dynamic work area and assign to FS
CREATE DATA t_line LIKE LINE OF <ft_final>.
ASSIGN t_line->* TO <fs_final>.
ASSIGN COMPONENT 'MATNR' OF STRUCTURE <fs_final> TO <fs_value>.
<fs_value> = <fs_mard>-matnr.
ASSIGN COMPONENT l_werks OF STRUCTURE <fs_final> TO <fs_value>.
<fs_value> = <fs_value> + <fs_mard>-labst.
getting Article Type,MC & its Descriptions
PERFORM get_other_data USING l_matnr
l_werks.
ELSEIF l_matnr <> <fs_mard>-matnr.
APPEND <fs_final> TO <ft_final>.
CLEAR l_matnr.
l_matnr = <fs_mard>-matnr.
CLEAR : l_werks.
l_werks = <fs_mard>-werks.
UNASSIGN : <fs_value>, <fs_final>.
Create dynamic work area and assign to FS
CREATE DATA t_line LIKE LINE OF <ft_final>.
ASSIGN t_line->* TO <fs_final>.
ASSIGN COMPONENT 'MATNR' OF STRUCTURE <fs_final> TO <fs_value>.
<fs_value> = <fs_mard>-matnr.
ASSIGN COMPONENT l_werks OF STRUCTURE <fs_final> TO <fs_value>.
<fs_value> = <fs_value> + <fs_mard>-labst.
getting Article Type,MC & its Descriptions
PERFORM get_other_data USING l_matnr
l_werks.
ELSE.
CLEAR : l_werks.
l_werks = <fs_mard>-werks.
ASSIGN COMPONENT l_werks OF STRUCTURE <fs_final> TO <fs_value>.
<fs_value> = <fs_value> + <fs_mard>-labst.
ENDIF.
IF l_index = g_lines.
APPEND <fs_final> TO <ft_final>.
ENDIF.
ENDLOOP.
l_table = '<ft_final>[]'.
ENDFORM. " prepare_final_data
*& Form get_other_data
FORM get_other_data USING p_l_matnr
p_l_werks.
FIELD-SYMBOLS : <fs_mara> LIKE LINE OF it_mara,
<fs_t023t> LIKE LINE OF it_t023t,
<fs_t134t> LIKE LINE OF it_t134t,
<fs_makt> LIKE LINE OF it_makt.
READ TABLE it_mara ASSIGNING <fs_mara> WITH KEY matnr = p_l_matnr. " BINARY SEARCH.
IF sy-subrc = 0 AND <fs_mara> IS ASSIGNED.
ASSIGN COMPONENT 'MTART' OF STRUCTURE <fs_final> TO <fs_value>.
<fs_value> = <fs_mara>-mtart.
ASSIGN COMPONENT 'MATKL' OF STRUCTURE <fs_final> TO <fs_value>.
<fs_value> = <fs_mara>-matkl.
READ TABLE it_makt ASSIGNING <fs_makt> WITH KEY matnr = <fs_mara>-matnr BINARY SEARCH.
IF sy-subrc = 0 AND <fs_makt> IS ASSIGNED.
ASSIGN COMPONENT 'MAKTX' OF STRUCTURE <fs_final> TO <fs_value>.
<fs_value> = <fs_makt>-maktx.
ENDIF.
READ TABLE it_t023t ASSIGNING <fs_t023t> WITH KEY matkl = <fs_mara>-matkl BINARY SEARCH.
IF sy-subrc = 0 AND <fs_t023t> IS ASSIGNED.
ASSIGN COMPONENT 'WGBEZ' OF STRUCTURE <fs_final> TO <fs_value>.
<fs_value> = <fs_t023t>-wgbez.
ENDIF.
READ TABLE it_t134t ASSIGNING <fs_t134t> WITH KEY mtart = <fs_mara>-mtart BINARY SEARCH.
IF sy-subrc = 0 AND <fs_t134t> IS ASSIGNED.
ASSIGN COMPONENT 'MTBEZ' OF STRUCTURE <fs_final> TO <fs_value>.
<fs_value> = <fs_t134t>-mtbez.
ENDIF.
ENDIF.
ENDFORM. " get_other_data
*& Form display_data
text
FORM display_data USING p_l_table
p_l_fcat.
DATA:
Variable for Object Creation
o_report TYPE REF TO lcl_report.
CREATE OBJECT o_report.
o_report->display( EXPORTING l_table = p_l_table
l_fcat = p_l_fcat ).
ENDFORM. " display_dataI don't know how to read the code you pasted or I would have checked this myself.
Do your fields in the internal table reference dictionary objects or elementary types? If not using dictionary types, the column names will be blank by default. If you can't change your fields to be dictionary types, you can try this to change the column names:
I made a method inside my local class to add the names:
call method set_colname
EXPORTING iv_tab = alv_tab
iv_colid = 'xxxx' "fieldname from the table
iv_stxt = text-t54
iv_mtxt = text-t55
iv_ltxt = text-t55.
METHOD set_colname .
data:
alv_cols type REF TO cl_salv_columns_table,
alv_col type REF TO cl_salv_column.
TRY .
*... Change fieldnames
call METHOD iv_tab->get_columns RECEIVING value = alv_cols.
call method alv_cols->get_column EXPORTING columnname = iv_colid RECEIVING value = alv_col.
IF iv_stxt <> ''.
CALL METHOD alv_col->set_short_text EXPORTING value = iv_stxt.
ENDIF.
IF iv_mtxt <> ''.
CALL METHOD alv_col->set_medium_text EXPORTING value = iv_mtxt.
ENDIF.
IF iv_ltxt <> ''.
CALL METHOD alv_col->set_long_text EXPORTING value = iv_ltxt.
ENDIF.
CATCH cx_salv_not_found.
ENDTRY.
ENDMETHOD. "set_colname -
Heading texts not appearing correctly in WDA search help
Hello experts,
I am facing a problem in WDA. I have a field(Profile Key) in my WDA application which takes the input search help automatically from the data dictionary. When I execute my application the F4 help is displayed for the field on pressing F4 but the problem is: the heading texts are not appearing properly(instead dots are dispalyed) for few of the fields in the search help's value list. Some observations:
1. heading texts are not properly displayed for columns whose field length is 1 or 2.
2. in DDIC, heading labels are maintained for the logon language
3. same search help works fine in R/3, the problem is only with WDA
How can I solve this problem? Please help with your inputs.
Thanks,
YuvarajThe problem can be solved by applying the note no 1100420.
Regards,
Yuvaraj -
Header text not responsive at smart phone size & BG question
The header text doesn't fit into the view for a smart phone. I don't know how to correct that other than to change my width from 85% to 100% when at the smallest size (if that can be done). Help?
I thought it would be better to ask this next question on a new thread but both needed the code so I'll add that here:
The purse (& butterfly) images have an incomplete BG color. The partial upper BG color comes from div hover which really isn't a functional div. Since the image boxes are within the body but not a separate div I don't know how to get BG color (same as footer). help?
Code:
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<title>Lapinel Arts Leatherwork</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<link href='http://fonts.googleapis.com/css?family=Overlock:400,700|Simonetta:400,900|Marcellus|Junge' rel='stylesheet' type='text/css'>
<style>
box-sizing: border-box;
body {
margin: 0;
padding: 0;
background: #fff;
font: 14px/20px 'Lucida Sans',sans-serif;
background-color: #cfc6b0;
.wrap {
overflow: hidden;
.box {
float: left;
position: relative;
width: 25%;
text-align: center;
margin-bottom: 24px;
.boxInner {
position: relative;
text-align: center;
margin: 0 12px;
overflow: hidden;
img {
max-width: 100%;
.titleBox {
position: absolute;
bottom: 10px;
left: 130px;
right: 0px;
margin-bottom: -50px;
background: #000;
background: rgba(0, 0, 0, 0.5);
color: #FFF;
padding: 10px;
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
.titleBox h2 {
font-size: 16px;
margin: 0;
padding: 0 0 5px 0;
.titleBox a {
text-decoration: none;
color: #fff;
.boxInner:hover .titleBox {
margin-bottom: 0;
@media only screen and (max-width : 768px) {
.box {
width: 50%;
margin-bottom: 24px;
@media only screen and (max-width : 480px) {
.box {
width: 100%;
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
/* Medium desktop: 4 tiles */
.box {
width: 25%;
padding-bottom: 25%;
</style>
<style>
section, header, nav {
display: block;
background-color: #cfc6b0;
box-sizing: border-box;
body{
font-family: 'Marcellus', normal;
background-image: url(DRA-042010-LeatheryTexture-MBFT.jpg);
font-size: 90%;
line-height: 140%;
color: #555;
margin: 0 auto;
padding: 0;
background-color: #FFF;
width: 1000px;
max-width: 85%;
#hover-image {
background-color: #cfc6b0;
text-align: center;
height: 2000px
overflow: hidden;
img {
max-width: 100%;
height: auto;
.container {
width: 85%;
max-width: 1000px;
margin: 0 auto;
color: #000;
header h1 {
font-size: 300%;
line-height: 150%;
text-align: center;
letter-spacing: 4px;
padding: 20px 0;
color: #000;
font-weight: bold;
/* top level navigation */
nav {
background-color: #E5E4E2;
nav ul {
display: block;
text-align: center;
margin: 0;
padding: 0;
nav li {
margin: 0;
padding: 0;
display: inline;
position: relative;
nav a {
display: inline-block;
text-decoration: none;
padding: 10px 25px;
color: #000;
nav a:hover {
background-color: #cfc6b0;
color: #000;
nav span {
display: none;
/* droplist navigation */
nav ul ul {
position: absolute;
z-index: 1000;
left: 0;
top: 2em;
background-color: #E5E4E2;
text-align: left!important;
display: none;
nav ul ul li a {
display: block;
width: 12em;
border-top: 1px dotted #ccc;
.about {
padding: 0 8%;
margin: 0 auto;
text-align: center;
background-color: #E5E4E2;
.about h2 {
font-size: 260%;
line-height: 200%;
margin: 0;
padding: 0;
color: #000;
.about p {
font-size: 110%;
line-height: 150%;
margin: 0;
padding: 0 0 20px 0;
.productsWrapper {
background-color: #000;
overflow: hidden;
padding: 30px 25px;
.product {
float: left;
width: 25%;
padding: 12px;
text-align: center;
color: #fff;
.product img {
border: 1px solid #fff;
.view_details {
text-decoration: none;
display: inline-block;
padding: 15px 20px;
border-radius: 6px;
border: 1px dotted #ccc;
color: #555;
background-color: #fff;
.view_details:hover {
background-color: #E5E4E2;
#mobileTrigger {
padding: 10px 25px;
font-size: 120%;
display: none;
color: #000;
footer {
clear: both;
background-color: #cfc6b0;
padding: 30px;
color: #fff;
text-align: center;
overflow: hidden;
footer a {
text-decoration: none;
color: #000;
float: left;
width: 33.33%;
color: #000;
border: #000
.footerBox {
float: left;
width: 33.33%;
color: #000;
@media screen and (max-width: 768px) {
.container {
width: 100%;
.product {
width: 50%;
#mobileTrigger {
display: block;
text-align: right;
nav ul {
display: none;
nav li {
display: block;
text-align: left;
nav a {
display: block;
font-size: 120%;
border-top: 1px dotted #ccc;
nav span {
display: inline-block;
float: right;
font-size: 130%;
/* droplist navigation */
nav ul ul {
position: static;
nav ul ul li a {
width: 100%;
@media screen and (max-width: 480px) {
.product {
float: none;
width: 100%;
body,td,th {
font-family: Marcellus, normal;
#copyright {
color: #000;
font-weight: bold;
</style>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery.cycle2.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script>
$(document).ready(function() {
//activate mobile navigation icon when window is 768px
$('#mobileTrigger').css('cursor','pointer').click(function() {
$('#mobileTrigger i').toggleClass('fa-bars fa-times');
$('nav ul').toggle();
// show main desktop navigation onresize/hide sub navigation
$(window).on('resize', function(){
var win = $(this); //this = window
if (win.width() > 768) {
$('nav ul').show();
$('nav ul ul').hide();
//listen for navigation li being clicked
$('nav ul li').click(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//events if window is less than 768px
if ($(window).width() < 768) {
//stops submenu sliding up when mouse leaves mobile
$('nav ul ul').show();
else {
//activate desktop submenu on hover
$('nav ul li').mouseenter(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//desktop submenu slides up when mouse leaves ul/li
$('nav ul ul').mouseleave(function() {
$(this).slideUp();
$('nav ul li').mouseleave(function() {
$(this).find('ul').slideUp();
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<style type="text/css">
</style>
</head>
<body onLoad="MM_preloadImages('810_0776_smaller.jpg')">
<header>
<h1>LAPINEL ARTS LEATHERWORKS</h1>
<nav>
<div id="mobileTrigger"><i class="fa fa-bars"></i></div>
<ul>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">PROCESS</a></li>
<li><a href="#">PRODUCTS<span><i class="fa fa-bars"></i></span></a>
<ul>
<li><a href="#">PURSES</a></li>
<li><a href="#">POUCHES</a></li>
<li><a href="#">TOTES</a></li>
<li><a href="#">WALLETS</a></li>
</ul>
</li>
<li><a href="#">CART</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
</header>
<section class="about">
<h2>PURSES</h2>
<p>There are several styles and sizes of purses available. Custom orders can be arranged but most of these purses are unique and with limited runs of art styles.</p>
<p>Please click on the detail button for larger and additional views and the opportunity to add the item to your cart.<strong></strong></p>
</section>
<div id="hover-image">
<div class="wrap">
<!-- Define all of the tiles: -->
<div class="box">
<div class="boxInner">
<img src="810_0856 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0859 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0877_edited-1 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk">Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0861 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
</div>
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk">Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
</div>
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<div class="box">
<div class="boxInner">
<img src="http://oddiant.poatemisepare.ro/wp-content/uploads/Viceroy-Butterfly-Limenitis-archippus.j pg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end wrap -->
<footer>
<div class="footerBox"><a href="mailto:[email protected]">EMAIL CATHY </a></div>
<div class="footerBox"><a href="https://www.facebook.com/LapinelArtsLeatherwork"> FACEBOOK</a></div>
<div class="footerBox">COPYRIGHT 2015</div>
</footer>
</div>
</body>
</html><!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<title>Lapinel Arts Leatherwork</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<link href='http://fonts.googleapis.com/css?family=Overlock:400,700|Simonetta:400,900|Marcellus|Junge' rel='stylesheet' type='text/css'>
<style>
box-sizing: border-box;
body {
margin: 0;
padding: 0;
background: #fff;
font: 85%/90% 'Lucida Sans',sans-serif;
background-color: #cfc6b0;
.wrap {
overflow: hidden;
.box {
float: left;
position: inherit;
width: 25%;
text-align: center;
margin-bottom: 24px;
white-space: inherit;
.boxInner {
position: relative;
text-align: center;
margin: 0 12px;
overflow: hidden;
img {
max-width: 100%;
.titleBox {
position: absolute;
bottom: 10px;
left: 130px;
right: 0px;
margin-bottom: -50px;
background: #000;
background: rgba(0, 0, 0, 0.5);
color: #FFF;
padding: 10px;
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
.titleBox h2 {
font-size: 16px;
margin: 0;
padding: 0 0 5px 0;
.titleBox a {
text-decoration: none;
color: #fff;
.boxInner:hover .titleBox {
margin-bottom: 0;
</style>
<style>
section, header, nav {
display: block;
background-color: #cfc6b0;
box-sizing: border-box;
body {
font-family: 'Marcellus', normal;
background-image: url(DRA-042010-LeatheryTexture-MBFT.jpg);
font-size: 90%;
line-height: 140%;
color: #555;
margin: 0 auto;
padding: 0;
background-color: #FFF;
width: 1000px;
max-width: 85%;
#hover-image {
background-color: #cfc6b0;
text-align: center;
height: 2000px
overflow: hidden;
overflow: hidden;
img {
max-width: 100%;
height: auto;
.container {
width: 85%;
max-width: 1000px;
margin: 0 auto;
color: #000;
header h1 {
font-size: 300%;
line-height: 150%;
text-align: center;
letter-spacing: 4px;
padding: 20px 0;
color: #000;
font-weight: bold;
/* top level navigation */
nav {
background-color: #E5E4E2;
nav ul {
display: block;
text-align: center;
margin: 0;
padding: 0;
nav li {
margin: 0;
padding: 0;
display: inline;
position: relative;
nav a {
display: inline-block;
text-decoration: none;
padding: 10px 25px;
color: #000;
nav a:hover {
background-color: #cfc6b0;
color: #000;
nav span {
display: none;
/* droplist navigation */
nav ul ul {
position: absolute;
z-index: 1000;
left: 0;
top: 2em;
background-color: #E5E4E2;
text-align: left!important;
display: none;
nav ul ul li a {
display: block;
width: 12em;
border-top: 1px dotted #ccc;
.about {
padding: 0 8%;
margin: 0 auto;
text-align: center;
background-color: #E5E4E2;
.about h2 {
font-size: 260%;
line-height: 200%;
margin: 0;
padding: 0;
color: #000;
.about p {
font-size: 110%;
line-height: 150%;
margin: 0;
padding: 0 0 20px 0;
.productsWrapper {
background-color: #000;
overflow: hidden;
padding: 30px 25px;
.product {
float: left;
width: 25%;
padding: 12px;
text-align: center;
color: #fff;
.product img {
border: 1px solid #fff;
.view_details {
ext-decoration: none;
display: inline-block;
padding: 15px 20px;
border-radius: 6px;
border: 1px dotted #ccc;
color: #555;
background-color: #fff;
.view_details:hover {
background-color: #E5E4E2;
#mobileTrigger {
padding: 10px 25px;
font-size: 120%;
display: none;
color: #000;
}footer {
clear: both;
background-color: #cfc6b0;
padding: 30px;
color: #fff;
text-align: center;
overflow: hidden;
footer a {
text-decoration: none;
color: #000;
float: left;
width: 33.33%;
color: #000;
border: #000
.footerBox {
float: left;
width: 33.33%;
color: #000;
</style>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="http://lapinelarts.com/JS/jquery.cycle2.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script>
$(document).ready(function() {
//activate mobile navigation icon when window is 768px
$('#mobileTrigger').css('cursor','pointer').click(function() {
$('#mobileTrigger i').toggleClass('fa-bars fa-times');
$('nav ul').toggle();
// show main desktop navigation onresize/hide sub navigation
$(window).on('resize', function(){
var win = $(this); //this = window
if (win.width() > 768) {
$('nav ul').show();
$('nav ul ul').hide();
//listen for navigation li being clicked
$('nav ul li').click(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//events if window is less than 768px
if ($(window).width() < 768){
//stops submenu sliding up when mouse leaves mobile
$('nav ul ul').show();
else {
//activate desktop submenu on hover
$('nav ul li').mouseenter(function() {
$(this).find('ul').slideToggle();
//toggle font awesome icons
$(this).find('i').toggleClass('fa-bars fa-times');
//desktop submenu slides up when mouse leaves ul/li
$('nav ul ul').mouseleave(function() {
$(this).slideUp();
$('nav ul li').mouseleave(function() {
$(this).find('ul').slideUp();
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<style type="text/css">
</style>
<style>
@media screen and (max-width: 768px) {
.container {
width: 100%;
.product {
width: 50%;
#mobileTrigger {
display: block;
text-align: right;
nav ul {
display: none;
nav li {
display: block;
text-align: left;
nav a {
display: block;
font-size: 120%;
border-top: 1px dotted #ccc;
nav span {
display: inline-block;
float: right;
font-size: 130%;
/* droplist navigation */
nav ul ul {
position: static;
nav ul ul li a {
width: 100%;
body: {
font-size: 100%;
@media screen and (max-width: 480px) {
.product {
float: none;
width: 100%;
body: {
font-size: 95%;
body,td,th {
font-family: Marcellus, normal;
#copyright {
color: #000;
font-weight: bold;
</style>
</head>
<body onLoad="MM_preloadImages('810_0776_smaller.jpg')">
<header>
<h1>LAPINEL ARTS LEATHERWORKS</h1>
<nav>
<div id="mobileTrigger"><i class="fa fa-bars"></i></div>
<ul>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">PROCESS</a></li>
<li><a href="#">PRODUCTS<span><i class="fa fa-bars"></i></span></a>
<ul>
<li><a href="#">PURSES</a></li>
<li><a href="#">POUCHES</a></li>
<li><a href="#">TOTES</a></li>
<li><a href="#">WALLETS</a></li>
</ul>
</li>
<li><a href="#">CART</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
</header>
<section class="about">
<h2>PURSES</h2>
<p>There are several styles and sizes of purses available. Custom orders can be arranged but most of these purses are unique and with limited runs of art styles.</p>
<p>Please click on the detail button for larger and additional views and the opportunity to add the item to your cart.<strong></strong></p>
</section>
<div id="hover-image">
<div class="wrap">
<div class="box">
<div class="boxInner">
<img src="810_0856 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0859 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0877_edited-1 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk">Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0861 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
</div>
<div class="box">
<div class="boxInner">
<img src="810_0856 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0859 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0877_edited-1 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk">Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0861 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0856 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0859 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0877_edited-1 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk">Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<div class="box">
<div class="boxInner">
<img src="810_0861 copy.jpg" />
<div class="titleBox">
<a href="http://www.bbc.co.uk"> Details</a>
</div>
</div>
<!-- end boxInner -->
</div>
<!-- end box -->
<!-- end wrap -->
<footer>
<div class="footerBox"><a href="mailto:[email protected]">EMAIL CATHY </a></div>
<div class="footerBox"><a href="https://www.facebook.com/LapinelArtsLeatherwork"> FACEBOOK</a></div>
<div class="footerBox">COPYRIGHT 2015</div>
</footer>
</div>
</body>
</html> -
IR column Header value not displayed entirely during filteration
I have a IR, when I click any column Header and it shows the list of values as a dropdown.
some of them (which are larger) get cut off.. means the the entire content/value are not displayed within the dropdown. [width of dropdown is fixed and no of characters in the content/value is more..]
how can we fix this?
Also.. is there any we can increase the width of the Select List window when we click any column header in IR.
Thanks,
Deepak
Edited by: DeepakJ on Sep 15, 2011 4:08 PMHi,
jQuery is not included to Apex 3.2 by default.
If you have not include jQuery library's to e.g. your page template or page header, then it is not "installed".
You can run your app and inspect HTML source to be sure.
You can download jQuery and jQuery UI and place files to your HTTP server folder. Then load those in e.g. page template header.
Or use jQuery files from Google by placing to page template header.
<link type="text/css" rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/redmond/jquery-ui.css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>Regards,
Jari -
OTR text not displayed correctly
Hi,
I have view in which there are 3 tables with 3 colums each.
All the data binding etc is fine and it is displayed correctly in the portal.
My issue is with the OTR texts maintained. The text for column headings in the table is binded with the OTR texts (created through transaction sotr_edit) $OTR:<package>/<alias> in properties value field.
We have an option to change the language in the portal. So when a language is selected, the texts for these column heading is displayed in the corresponding language selected.
But for some langauges selected, the texts show some random language instead of the one selected.
Any idea on how this can be corrected.Thanks for the reply Thomas.
And sorry for delayed reply.
I could see that the binding of the OTR was not correctly done with the texts.
After i made the changes, the languages were displayed correctly.
My concern here is that i have made the changes as this is a custom development and the issue was solved.
But this same issue is seen in a standard component where the text was not displayed in the language selected and this issue is coming only for the users assigned to a particular role. And for all others, the texts are displayed with the language selected.
Any inputs on this would be helpful.
Thanks. -
INCLUDE in header text not processed in Smartform
Hello all,
In transaction ME22N the user is adding header text in this manner:
They go into the SAPscript editor, go to insert and select standard text, select from the list of standard text, and it adds
/: INCLUDE Z_SPA_SINST OBJECT TEXT ID ST in the editor
Now going back to ME22N in the header text it also displays
INCLUDE Z_SPA_SINST OBJECT TEXT ID ST. How is this line processed in Smartforms?
If other header text is added by entering directly in the SAPscript editor it will show on the PO but not this INCLUDE line.
Thank you,
JRHi,
declare a text type and use the include text instead of text element and
concanate the PO NO and the ITem No to Text Name G_TEXT_KEY
give the value for the field
Text Name &G_TEXT_KEY&
Text Object EKPO
Text ID ST
Language &SY-LANGU&
for more info refer form /SMB40/MMPO_A
Regards
Shiva -
Hi MM Expert
While doing stock posting or MIGO I enter the text in text tab but when i go to transaction MB51 the text column is blank it does not Show anything.
Is any sap not to be apllied ?
Thanks
SanjayHi Sanjay,
I think you have entered the Item text while doing MIGO , and like to check the same in MB51 transaction all the details related to MIGO document.
In MB51 SAP has not provided the Item text field to display,so you cann't get the text entered in MIGO in this report.If required take a help of ABAPer to include this and go for ABAP report development
But if you need the text the same can be entered in the Header text at the top of MIGO this you can display in MB51 transaction.
Hope you understand
rgds
Chidanand
Maybe you are looking for
-
Purchase orders and their open order quantity with their due delivery date
hi friends i need to build a query where i can see the purchase orders and their open order quantity and their respective due delivery dates.i have never done this. ME2M serves my requirement upto little but i cannot see the delivery dates in that re
-
HI i am planning to buy Iphone 4s.. bit confuse , should i opt for 16 gb or 32 gb, i love taking snaps. and video and i play average games...but love watching video...while traveling.. kindly advice... regards Ashish
-
How do I get the clickbox while speaker is speaking?
While the .exe file of an Adobe Captivate file plays, the click-box action will not execute while a TTS speaker is speaking. It will remember that you clicked, but won't execute the action until the speaker has stopped. Is there any way to fix t
-
I got some problem and it is very weird for me ... For example: call method: toCompare("hello"); method: toCompare(String s) { String sa [] = //get all the filename from a file ...// for examle sa contain hello // loop if (sa.equals(s) ...){ // it ac
-
For ROH system not creating planned order
Hi PP gurus, Can anybody tell me that system is not generating planned order for raw material but generating it for its Fert of which it is a bom component. For fert it is giving exception message 62.I checked material master MRP type-M0 FOR FERT MAT