"Add media queries" button disabled

Hi,
I've downloaded the pack and everything else seems to work fine, but when I enter in the multiscreen preview window, the add media queries button is disabled (the viewport sizes is active) and I can't find any other way to bring up the menu for the css selection based on screen width.
Am I missing something? Or is there some incompatibility when using the pack in English while having the main software in Spanish?
Thanks.

The HTML5 Pack should work fine with the Spanish version of DW. What OS are you using? What language is your OS (English, Spanish)?
There is a known issue where the Add Media Queries button is sometimes disabled if you are in Live View and the URL in the Browser Navigation toolbar Address field starts with "http://". If you close the file and then re-open it a few times, the Add Media Queries button should eventually become enabled. It's kind of a random problem.
Please let us know if this helps or not to enable the Add Media Queries button.
Thanks,
David Alcala
Dreamweaver QE

Similar Messages

HT204074 iTunes Match: "add this computer" button disabled

Itunes match : "add this computer" button disabled.
What should I check?

You need to sign into the iTunes Store using the exact same AppleID from which you purchased the service originally.

----- iTunes Match "add this computer" button disabled -----

iTunes match "add this computer" button is disabled after I loaded iTunes onto a new Windows 7 PC.
The only option available is "subscribe for $24.99 per year" even after I sign in to the iTunes store with my apple ID.
I already have a subscription to iTunes Match.
Please help!

You need to sign into the iTunes Store using the exact same AppleID from which you purchased the service originally.

"Add scoring marker" button disabled

Hi,
When I hit M twice, the "Add Scoring Marker" button is disabled. I didn't find any help on the subject.
Final Cut Express 4.0
Mac OSX 10.4.11
Powerbook G4 1.67 GHz, RAM 1.5 Mo
Quicktime player version is 7.3
Thanks for any help!

I put clip markers instead of sequence markers. That's why.

In Table contol,add and subtract button getting disabled.

Hi ,
My requirement is that in table control when user adds more than four rows,error message will be displayed i.e maximum of 4 rows allowed.
But after error message is displayed ,add and subtract button is disabled in table control and I am not able to remove the rows.
Any solution available on making add and subtract button active.
Regards
Nikhil

Hi
In PBO,
module status_100.
looop at itab with control tc.
endloop.
in program
module status_100.
describe table itab lines tc-lines.
if tc-lines = 0.
tc-lines = 4.
elseif tc-lines > 1.
tc-lines = 4.
endif.
endmodule.
here there is no way you will get more than 4 rows at any time.
instead of Error message you can give warning or information message. this will not disable your buttons.
Cheerz
Ram

Using media queries?

Ive designed the layout for my website and want to make it user friendly for other devices, desktop, tablet, ipad, mobiles (smartphones and iphones). Ive got the basic layout ready and thought this would be the best time to tackle the media queries before i start to add all the content. Im not sure if the layout i currently have is ready/suitable to apply the media queries to?
Appreciate any help.
This is the code, you can aslo view the page here - www.milesfunerals.com/index2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
          background-image: url(Images/Background.jpg);
</style>
<link href="style sheet.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.all.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</style>
<style type="text/css">
/* BeginOAWidget_Instance_2559022: #slideshow_2 */
                              #slideshow_2 {
          padding: 0px;
          margin-right: auto;
          margin-left: auto;
          height: 200px;
          width: 1000px;
          margin-top:0;
                              #slideshow_2 img, #slideshow_2 div {
                                  padding: 0px;
                                  background-color: #EEE;
                                        -webkit-border-radius: 0px;
                                        -moz-border-radius: 0px;
                                        border-radius: 0px;
                                  margin: 0;
                                        position: absolute;
/* EndOAWidget_Instance_2559022 */
</style>
<script type="text/xml">

</script>
</script>
<style type="text/css">

<style>
#pcm{display:none;}
ul.pureCssMenu ul{
          display:none;
ul.pureCssMenu li:hover>ul{
          display:block;
          height:auto;
ul.pureCssMenu ul{
          position: absolute;
          left:100%;
          top:-1px;
          padding-right: 0px;
ul.pureCssMenu ul ul{
          position: absolute;left:98%;top:-2px;
ul.pureCssMenu,ul.pureCssMenu ul {
          margin:0px;
          list-style:none;
          height: auto;
          padding-top: 0px;
          padding-right: 0px;
          padding-left: 0px;
          width: 350px;
          margin-top: 120px;
          margin-left: 8px;
          background-image:url(Images/button.jpg);
          background-repeat:no-repeat;
ul.pureCssMenu table {border-collapse:collapse
ul.pureCssMenu {
          display:block;
          zoom:1;
          _width:auto;
          float: left;
          z-index: 3;
ul.pureCssMenu ul{
          margin-top: 0px;
ul.pureCssMenu li{
          display:block;
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
          outline-style:none;
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
          display:block;
          zoom:1;
          border-color:#;
          text-align:left;
          text-decoration:none;
          padding-bottom:14px;
          padding-top:10px;
          padding-left:12px;
          text-decoration:none;
          cursor:default;
          font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
          font-size: 18px;
          font-weight: bold;
          color: #000;
          text-shadow: 1px 1px 1px #FFF;
          background-image:url(Images/button.jpg);
          background-repeat:no-repeat;
ul.pureCssMenu span{
          overflow:hidden;
ul.pureCssMenu ul li {
          float:none;
ul.pureCssMenu ul a {
          text-align:left;
          white-space:nowrap;
ul.pureCssMenu li.sep{
          text-align:left;
          padding:0px;
          line-height:0;
ul.pureCssMenu li.sep span{
          float:none;
          width:100%;
          height:3;
          display:inline-block;
ul.pureCssMenu li:hover{
          position:relative;
          z-index: 3;
ul.pureCssMenu li:hover>a{
          border-color:#;
          text-decoration:none;
          font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
ul.pureCssMenu li a:hover{
          position:relative;
          border-color:#;
          color: #956221;
          text-decoration:none;
          font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
          font-size: 18px;
          font-weight: bold;
ul.pureCssMenu li.dis a {
          color: #000000 !important;
ul.pureCssMenu img {
          border: none;
          float:left;
          _float:none;
          margin-right:4px;
ul.pureCssMenu ul img {
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover a:hover a:hover ul{
          display:block;
ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul,ul.pureCssMenu a:hover a:hover a:hover ul ul,ul.pureCssMenu a:hover a:hover a:hover a:hover ul ul,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover ul ul,ul.pureCssMenu a:hover a:hover a:hover a:hover a:hover a:hover ul ul{display:none}
ul.pureCssMenu span{
          display:block;
          background-image:url(Images/arrow_sub1.gif);
          background-repeat: no-repeat;
          background-position:right center;
          background-repeat: no-repeat;
   padding-right:15px;}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{
          background-image:url(Images/arrow_sub1.gif)
</style>

</head>
<body>
<LINK REL="SHORTCUT ICON" HREF="http://www.milesmemorials.com/favicon.ico">
<div class="#container">
<div id="bannerDiv" class="bannerStyle">
    <img src="Images/banner.jpg" width="1000" height="168" alt="banner"/>
     </div>
<div id="navbar" class="navbarRule">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.html">Home</a></li>
      <li><a href="about-us.html">About us</a></li>
      <li><a href="why-us.html">Why choose us</a></li>
      <li><a href="contact.html">Contact us</a></li>
      <li><a href="request.html">Request a brochure</a></li>
    </ul>
</div>
<div id="slideshow2"><script type="text/javascript">
// BeginOAWidget_Instance_2559022: #slideshow_2
                           slideshow_2AddCaption=false;
$(document).ready(function() {
          $('#slideshow_2').cycle({
                    after:                              slideshow_2OnCycleAfter, //the function that is triggered after each transition
                    autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                    fx:                                        'fade,',// name of transition effect
                    pause:                              false,     // true to enable pause on hover
                    randomizeEffects:          true, // valid when multiple effects are used; true to make the effect sequence random
                    speed:                              4000, // speed of the transition (any valid fx speed value)
                    sync:                              true,     // true if in/out transitions should occur simultaneously
                    timeout:                    3000, // milliseconds between slide transitions (0 to disable auto advance)
                    fit:                              false,
                    height:                       '200px',
                    width:         '1000px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
function slideshow_2OnCycleAfter() {
          if (slideshow_2AddCaption==true){
                              $('#slideshow_2-caption').html(this.title);
// EndOAWidget_Instance_2559022
</script>
    <div id="slideshow_2">
      
     <img src="Images/ssimage1.jpg" width="1000" height="200" alt="image1" /><img src="Images/ssimage2.jpg" width="1000" height="200" alt="image2" /><img src="Images/ssimage3.jpg" width="1000" height="200" alt="image3" />
    </div>
    <div id="mainContent" class="mainText">
      <h1>A memory is a lasting tribute that acknowledged the life of your loved one ...let us help you to design a memorial that is every bit as special as that person. </h1>
      <ul class="pureCssMenu pureCssMenum">
        <li><a href="cemetery-memorials.html">Churchyard memorials<![if gt IE 6]></a></li>
            <li><a href="">Churchyard memorials<![if gt IE 6]></a></li>
            <li><a href="">Cremation memorials<![if gt IE 6]></a></li>
       <li><a href="" ><span>Vases</span><![if gt IE 6]></a><![endif]>
          <ul>
            <li><a href="">Italian marble vases</a></li>
            <li><a href="">Granite vases</a></li>
          </ul>
        </li>
        <li><a href="" ><span>Colour guides</span><![if gt IE 6]></a><![endif]>
          <ul>
            <li><a href="">Italian marble & churchyard memorial</a></li>
            <li><a href="">Granite colour guide</a></li>
          </ul>
        </li>
        <li><a href="" >Home & garden memorials</a></li>
        <li><a href="">Inscription & vases</a></li>
        <li><a href="">Engraved designs</a></li>
        <li><a href="" >Sand blasted designs</a></li>
        <li><a href="" >Photos,plaques,etc</a></li>
        <li><a href="">Italian marble figurines</a></li>
        <li><a href="" >Bronze figurines & accessories</a></li>
        <li><a href="" >Memorial garden plaques</a></li>
</ul>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
</body>
</html>

So i have inserted several media queries to my page and this is what appears at the top of the code -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>Home page</title>
<style type="text/css">
body {
          background-image: url(Images/Background.jpg);
</style>
<link href="style sheet.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.all.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

<link href="desktop.css" rel="stylesheet" type="text/css" media="only screen and (min-width:1224px)" />

<link href="smartphone.css" rel="stylesheet" type="text/css" media="only screen and (min-width:320px) and (max-width:480px)" />

<link href="ipad.css" rel="stylesheet" type="text/css" media="only screen and (min-width:760px) and (max-width:1024px)" />

<link href="iphone.css" rel="stylesheet" type="text/css" media="only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)" />
</style>
I now want to apply the style rules to each of the files (desktop.css, smartphone.css, ipad.css, iphone.css). I just dont know where to start with this as im still new to dreamweaver.
www.milesmemorials.com/index2.html

Retina adaptive images and css3 media queries

retina adaptive images and css3 media queries
see below QUESTIONs....
http://css-tricks.com/snippets/css/retina-display-media-query/
For including high-res graphics, but only for screens that can make use of them. "Retina" being "2x":
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* Retina-specific stuff here */
QUESTIONS
If serve a resolution 2x bkgd image in resolution 1.5x mobile device display or in 1x display what should happen? In other words image resol is bigger than display resol... Image to appear in display resol or...?
Then in image edit software , also, for 2x resolution image creation.... how ppi must be in adobe FW or PS? 2x pixel ratio is retina... tell and for retina.
Another way(is it valid?) is serve an image width eg 600px with img css attr width:300px and and for high resol like tablets use media query to do img css attr width:600px (do normal)... in this way pixel ratio must be the same in both cases phone <> tablet???

I have tried it on two separate Windows 7 machines running Firefox 9.0.1. Disabling add-ons had no effect. The media queries work fine in all other browsers on the same machines. The styles in the media queries cause the site to display differently based on how wide the browser is, but in FF9, there is no change when the browser changes width.

Change the order of boxes in different media queries

How can I change the order of boxes in different media queries?
Is the only work around to copy one box to the other order position and switch the Display attribute in the different media queries?

Hi, thanks for your question. Reflow follows the rules of CSS and HTML. There is not a way to swap or move objects in the DOM without using something like Javascript. We've avoided that, and only focus on CSS and HTML with Reflow.
Yes, you can use multiple boxes in different places and change their display as needed. But I might caution against doing this as it may add work for both you and anyone else that may take this design and put it into production. I might take a look at why you want to move the boxes around, and maybe find a simpler or more efficient design pattern to follow to get a result you would be happy with. Hope that doesn't sound preachy, you should try it if you want and don't listen to me. Either way, let me know how it goes!

Add a new button in BP_HEAD_SEARCH

Hi Experts,
My requirement is to add a new button and disable GROUP button in MainSearchResult view of BP_HEAD_SEARCH component.The steps i followed are..
1.Created a Enhancement set in BSPWDVC_CMP_EXT and assign it to BSPWDV_EHSET_ASG in SM30.
2.Enhancing view MainSearchResult of BP_HEAD_SEARCH component using this Zenhancement set.
3.Redefin DO_PREPARE_OUTPUT method of impl class and add following code for disabling group button.
ls_button-enabled = abap_false.
and for add new button
<button>-text = 'Family'.
    ls_button-id       = 'CreateEmployee'.
    ls_button-type     = cl_thtmlb_util=>gc_icon_new.
    ls_button-text     = 'Employee'.
    ls_button-on_click = 'CREATEEMP'.
    ls_button-enabled = abap_true.
    APPEND ls_button TO gt_button.
But nothing is reflecting while testing in CRM_UI_FRAME....please tell me what step i m missing and m i doing correct.
Thanks
Gaurav

Hi Gaurav,
the customizing you did seems OK. Just make sure you activated the EH-Set for the right client.
In the BP_HEAD_SEARCH component you need to enhance view MainSearchResult
The class is: cl_bp_head__mainsearchres_impl
Here redefining the DO_PREPARE_OUTPUT is correct.
You could just do the following:
DELETE gt_button where on_click = 'CREATEGROUP'.
Maybe you put a breakpoint in the method and check what is wrong?
cheers Carsten

How do I insert additional clips into my video timeline in Elements 13? When clicking 'add media' it added the clips at end of video rather than in their appropriate position. Could not 'cut and paste'.

How do I insert additional clips into my video timeline in Elements 13? When clicking 'add media' it added the clips at end of video rather than in their appropriate position. Could not 'cut and paste'.

bhsleadership
I am in the process of preparing to test a sample from your brand and model camera in my Premiere Elements 8.0/8.0.1 on Windows 7 64 bit. I will have the results probably tomorrow morning.
For now I just want to put you through the drill that I do for anyone who says he/she is using Premiere Elements 8.0/8.0.1.
1. Are you working from the 8.0/8.0.1 Update of the program?
http://www.adobe.com/support/downloads/detail.jsp?ftpID=4653
2. Do you have the automatic Background Rendering and AutoAnalyzer features turned OFF.
For Background Rendering option. See Edit Menu/Preferences/General.
For AutoAnalyzer option. Click on Organizer in the row below the blue active Organize header in order to open the Elements Organizer. In the Elements Organizer workspace, go to Edit Menu/Preferences/AutoAnalyzer Options and disable all the AutoAnalzyer options. To return to the Premiere Elements workspace from the Elements Organizer workspace, in the Elements Organizer workspace, go to File Menu/Exit.
Is your computer optimized in spite of the fact that you have a high end laptop? I presumed so but always go to verify, no pile ups of preview files, conformed video and audio files et al.
Looking at the properties of your source media, I see:
video compression = MPEG1
audio compression = MPEG-Layer1 (.mp2)
Frame Size = 640 x 480 (4:3)
Pixel Aspect Ratio = 1.0
Frame Rate = 30 progressive frames per second
With properties like those you are sure to get a red line over that content since there is no project preset with that description.
But, your choice of the default NTSC DV Standard would have been mine also.
I am heading to try to get a quick look at the behavior of the sample video here in my Premiere Elements 8.0/8.0.1.
To be continued.
ATR

Media Queries: Works on Mac but not Windows

http://www.sandiegohomegrown.com/testSDTG/
I have been coding this site on my Mac and it works with Firefox, Safari, and Chrome. I fired up the old Windows machine and it doesn't work with Safari, Firefox, or IE10. It just ignores the media queries completely. This has to be something really simple but I am baffled. Help!! Gary

Alt attributes on images are not significant for rendering. Did you fix the duplicate ID problems? Those are important.
Windows OS doesn't ignore media queries but some browsers will if they see code errors they can't reconcile.
Make sure IE is NOT running in Compatibility Mode which is practically the same as IE7.
If you want to ensure IE always opens in standards mode, add this meta tag to the <head> of your HTML pages.

Nancy O.

How to Add 3 queries in the same work book?

Hi Gurus,
Can any one tell How to Add 3 queries in the same work book?
Example, daily report,Monhly and yearly reports for sales should be in the same workbook.
Please help me if any one have a pointer or a how to doc if available.
<<Text removed>>
Thanks
James
Edited by: Matt on Apr 26, 2010 9:36 AM

Hi James,
According to BI 7.0 Version
Steps of creating workbook and to insert more than one query in a workbook.
When you run a query and it opens in Bex Analyzer you can click the save button and pick "Save as Workbook".
Once you save it as a workbook Click on the "Design Mode" button in the Bex toolbar (looks like an A).
Click in the sheet where you want the new query to go, click the "Analysis Grid" button. It will add the analysis grid to your new sheet.
Right click on the Analysis grid and go to properties.
Click on button to change data provider and select the query you want to attach.
Exit design mode and you should be all set.

Re: Satellite A305-S6872 media control buttons driver?

Ok, so I just got this laptop on Sunday.
It has the media control buttons on it, but they won't work.
I've read a few posts about it, saying that I need to download the Control driver..
Well, I spent hours last night looking for it. :\
Anyone have the direct link to it?

Hallo Kitsune
Try to reinstall Value added Package. You can download it from Toshiba support page. If you have US notebook model please visit http://www.csd.toshiba.com/cgi-bin/tais/su/su_sc_modSel.jsp
Hallo Glead
In users manuals is described that this button is not for 2 functions but just for one. Either for MUTE or for enabling/disabling the LEDs. I have Satellite A300 too and this button is for disabling LEDs only.
Have a look into this symbol and you will see it is not speaker but symbol for light.
Compare it with symbol on ESC button and you will see it is not the same.

How to add the push button on the apllication tollbar of IL02 tcode

Hi Friends,
I have to add the push button on the application tool bar of the IL02.when that push button is pressed then some operation to be performed.Could you please suggest how to add.Is there any screen exit if yes what is that.
With out screen exits if there is any way ?
Thanks and regards,
shyla

HI Vicky ,
                  if u want an interactive ALV report , there are lot of forums already having the solution for that , but let me give u the solution anyway.
In the function module "REUSE_ALV_GRID_DISPLAY" , import parameters
     I_CALLBACK_PF_STATUS_SET          = 'FLIGHT'
     I_CALLBACK_USER_COMMAND           = 'BUTTON_CLICK'
has to be supplied to this function module . The PF status is where u hav created the two buttons , that PF status has to be given here .If the user clicks on the button then it is handled by the form routines . Inside the sub-routine based on the button the user has selected u could perform the action.
FORM FLIGHT    USING RT_EXTAB TYPE SLIS_T_EXTAB.
SET PF-STATUS 'FLIGHT' EXCLUDING RT_EXTAB.
ENDFORM.
Here the "Flight" is the PF_status .
FORM BUTTON_CLICK USING UCOMM type SY-UCOMM
                       SELFIELD type SLIS_SELFIELD.
CASE UCOMM.
    WHEN 'BUTTON!' .
write ur code for button 1.
WHEN "BUTTON"
*Write ur code for button2 .
end case.
endform.
for any queries reply back.
regards

Media Queries disappearing in DW CC

When I set up my site, I had 3 media queries listed one with a mid width of 481 and one with a min width of 769.
This is what is listed under the @media pane:
GLOBAL
@media only screen and (min-width:481px)
What happened to my larger-screen media query? How do I style things just for the larger screen now? If I dont have this option appear anymore, I am not sure how to add features just to the larger desktop version if I can't select it.
I also lost all media queries on the secondary style sheet I created. Does anyone have any advice on how I created this problem and how I can fix it?
Thank you for your help.

Media queries need to be wrapped inside a 2nd set of curly brackets.   They won't work without them.
/**MOBILE MEDIA QUERY**/
@media only screen and (max-width: 480px) {
      body {
          font-size: 80%;
Nancy O.

"Add media queries" button disabled

Similar Messages

Maybe you are looking for