Add buttons to html, css, js, cf tabs

Is there a way of controlling which "quick" buttons ( or whatever they're called ) are displayed on the little tabs just above the text editing area. For example, the cfml tab has a button for cf comments, but the html tab does not for html comments. There are several I would like to add to both cfml and the html tab list but cannot figure out where to go to add them, let alone know what they're called.
Thanks,
Doug

Muse will show the contents which are added to assets , so in order to show the files , we will need to add them to our site or in any page of the site.
If you have used external links and the files are hosted with live site, then using the library will pull up the data from external and will show up on page so we don't have to manually add anything here.
We can add files to Library but on export as xml and opening on another machine with Muse will not show up the files as site does not includes those assets.
So as you are using external links , they will work fine without adding any data manually or you can create a page and upload all the assets which are used in file on that page , then user can download the assets from page link and then use in .mulib file in Muse.
I hope it clears the doubt
Thanks,
Sanjit

Similar Messages

  • Inserting HTML/CSS in a Tabbed Panel

    I've been having trouble inserting HTML/CSS into a Tabbed Panel widget. In this case, the HTML/CSS is creating a text box with scroll bars (as described in an excellent workaround for getting scroll bars to work).
    Has anyone else come across this situation?
    Thanks!

    I'm not seeing the same problem (the scrolling text box displays fine in the tabbed panel for me).
    Does your HTML container fit within the content area of the panel?
    Here are screenshots from Muse Design view:
    and Preview in Browser (Firefox):
    When you say it's not working, what exactly do you mean? What's happening?
    Best regards,
    Corey
    Edited: Adding topic on creating scrolling text box for reference: http://forums.adobe.com/message/4327943#4327943)

  • Add buttons in Sales Order's Addtional Data B Tab

    Hi All,
    I want to add buttons in Sales Order's Additional Data B tab. I had try to draw a creen in painter and push a button in the screen, also assign a fcode to it.
    I had try to test the button, and I find that, it could work, but after it's action, a error msg give out and said there are no this request function.
    I think it may cause by the fcode passing between screen. However, I don't know how to fix it. Any sample coding could for me reference?
    Thanks!

    Hi,
    yes u can add the button  with Fcode on Additional data B screen.But u have write the code in the PAI of the screen,inorder to do something,for that u need to have accesskey also...i hope while adding fields to Additional data B screen u ahve used teh accessskey for adding..zfields
    Regards,
    Nagaraj

  • How to show cfm, html, js, css, and browser tab in coldfusion builder 3?

    On Coldfusion Builder 2, I see these tabs are available when I create a new page, but not on Coldfusion Builder 3.
    What should I do to show them on CFB 3?

    Builder 3 does not seem to offer those sub-tabs in its toolbar, but if you open each of those kinds of files, you’ll find that the top toolbar (where they appeared) shows many of the same icons for each of those type of files as was previously listed in those sub-tabs.
    I realize that isn’t as helpful if you are opening a single CFM or HTML file which happens to have also HTML, CSS, and JS code in it. You won’t see the icons for that other kind of code, even when you move to such code.
    FWIW, note that CFB 1 and 2 had previously relied upon an underlying 3rd party tool called Aptana, for most such  HTML, CSS, and JS-specific functionality. In CFB3 that product was dropped and the CFB team tried to recreate much of its functionality. This (the tabs for other code within a single file extension) may be  something they didn’t think was used often, or maybe there was a challenge in doing so.
    Even so, do note also that there is still support for CSS and JS (and HTML) within a CFM page, in terms of CFB’s features like code completion, code assist, outline view, etc.
    Still, I realize that some of the “wrap”-oriented tools in that old toolbar aren’t accessible any other way, so you may want to file a feature request (or bug report, however you may want to cast it) at bugbase.adobe.com.
    Hope that’s helpful.
    /charlie

  • Help,add button to contracts overview tab and the HEADER tab

    Hello,
    I would like add button to contracts overview tab and the HEADER tab .
    Do you want to change the standard procedure?
    /SAPSRM/WDC_CTR_DOFC_OV_H?
    Are there any other way?

    Hi,
    You can create a enchancement implemenation for /SAPSRM/WDC_CTR_DOFC_OV_H  and /SAPSRM/WDC_CTR_DODC_H_BD  by clicking on 'snail icon' .
    Creating button as per requirment. coding in  method on action of that button.
    Regards,
    Neelima

  • Can I add a button next to the location bar (just like the Home-button) that will open a new tab?

    In Firefox 3 there was a button that would open a new tab. This button was next to my location bar (next to the home, refresh, etc buttons), and also usable when I didn't have any tabs open (unlike the + on the tabbar, which is only there when I turn on my tabbar).
    Although there is a button I can add that will open a new window, I would like to know if it is possible to have similar button that will open a new tab.

    https://support.mozilla.com/en-US/kb/How+to+customize+the+toolbar
    There's a New Tab button in the Customize Palette, just move it to where you want it.

  • DC Properties Public Parts Tab Add Button is in diable mode

    Hi All,
    I am unable to add public parts to my webdynpro DC because ADD button is in disable mode
    Can any one please help me
    If you want you can see with attachments.
    Thanks In Advance.

    create the project first

  • HTML/CSS match to InDesign layout

    Hello,
    I have been given the task of taking an InDesign layout from CS6, and building it in HTML/CSS. The challenging part is that it is required to be 1:1 pixel perfect. When I open it in Google Chrome–which is going to be the standard browser it’s opened in–the font raggs differently.
    When I overlay a PNG of the HTML site, and a PNG from the InDesign file it is no where close to pixel-perfect. The text wrapping differently is the main issue at hand. I have tried every CSS hack possible to adjust letter-spacing and word-spacing, I've also explored Google Fonts to attempt to get a better match.
    Does anyone have any experience with a similar ask? In CS6 you can’t specify type pixels, I’m not sure it would matter if you could, because it seems that InDesign is using it’s own conversion for what it considers a pixel.
    Please help!!!

    Agreed, it's way too optimistic. InDesign is a typographic design application, under development since 1999. Already in its very first version, its type engine came "fully grown and armed, with a shout", supporting enough advanced features to squash all but the very stubbornest competition (I'm looking at you, TeX).
    HTML/CSS, on the other hand, has had problems displaying "plain text" since its very beginnings. Only the very latest version of CSS finally addresses some typographic features (probably unnecessary to add, but anyway: with mixed results for different browsers).
    " ..it seems that InDesign is using [its] own conversion for what it considers a pixel", you bet it does. After all, there was a web crowd that outright demanded "pixels" to be a measurement unit in InDesign. Adobe did a have a stab at adding pixels, and if one would ask me, they did it the wrong way. But that's no fault in InDesign. ID has its roots firmly in the "real world", that is, you can design a document with a precision right up to the wavelength of visible light; and ID will happily produce output for it. Your "pixel", on the other -- Darker -- Side, "is" not a real thing. It has no width or height. If you think it does, it goes only for your screen. You may say, "but if necesasry I can hold a magnifier to my screen and count the itty bitty lights!" What if you do so, and discover that your screen does not consist of square pixels, but round ones, or hexagonal, or elongated rectangles? And any measurement would only be value for just your screen. What about mine, your bosses', or your client's?
    Following John's advice, here is a list of features you would need to switch off (as most are enabled by default) before you can even think of mimicking ID's sophisticated text engine in HTML:
    ligatures
    alternate characters
    real small capitals
    tabular or oldstyle figures
    .. wait -- better switch off *all* OTF features
    Paragraph composer. Use the dumb One Line At A Time And We'll See How Far We Get Composer.
    Language based hyphenation.
    Minimum/Optimal/Maximum Word Spacing (CSS must be using this internally, else it could not show justified text; however, I don't think you can set its parameters)
    Letter Spacing and Glyph Scaling (although to be fair, these seem to be already off by default).
    ~16 decimals of precision for every object, line width, text size, spacing, et cetera
    any real-world based measurement unit.
    I probably forgot a few too.
    --- add.
    Advanced character/class kerning
    Optical kerning (not enabled by default)
    -- add2.
    Balance Ragged Lines (off by default; but you can't use it)
    Optical Margin Alignment (as above)
    Align to Baseline grid
    last line indent
    Align to spine
    justify last line (can only be achieved with span/div tricks)
    tabs
    about all internal hyphenation settings (CSS allows 'none', 'manual', and 'auto')
    live text color outline (I may be mistaken, but I bet if it were possible literally everybody would be using it by now -- just like the dreaded "blink" tag did, before it was deemed illegal by federal law)
    skewed text. I know, nobody with a grain of sense uses it in ID.[*] Still, you can't do it in CSS so I'm gonna list it anyway.
    [*] Except myself, by the way. But I don't use it willy-nilly, only after exhausting all the good and the bad options; then yes, I go for the Ugly look.
    Message was edited by: [Jongware]
    Message was edited by: [Jongware]

  • Placement of cursor - when ADD button, place cursor on first item in row

    I have several collections on a page. The third collection CATCH_C is usually empty. The user can tab to ADD button. Currently, the cursor is then placed at the first item on the page. I would like it to be place in the first item in that collection. Is that possible?
    ps. when the page is pulled up, the page attributes HTML body has the command onload="html_GetElement('f3_0001').focus()"
    could I do something similiar for c042 in CATCH_C? and if so, where would I place such a statement? again, very new to java/html so all help appreciated.
    karen

    indeed. thanks!
    so, now I have two processes....but neither work. Upon entering the form, the cursor is on the FILE menu (top left of window):
    start_cursor is PROCESS after footer condition REQUEST != ADD
    BEGIN
    HTP.p ('<script>');
    HTP.p ('html_GetElement(''f03_0001'').focus();');
    HTP.p ('</script>');
    END;
    add_cursor is PROCESS after submit condition REQUEST = ADD
    BEGIN
    HTP.p ('<script>');
    HTP.p ('html_GetElement(''f42_9901'').focus();');
    HTP.p ('</script>');
    END;

  • Do not have any "tab buttons" or "arrows" anywhere on my tab bar, where are they?

    I'd like to see all my open tabs, and the articles I read all talk about Tab Groups, etc, and that I just need to click on the Tab Button to the right of my tabs, or the Arrows located on either side of the tabs, however, I have none of those, anywhere! This is truly frustrating, and I don't know why FF doesn't have a simple dropdown window that will list all open tabs. I also don't understand why the dropdown window showing all the open windows are in no particular order, and alphabetical order would sure make a lot of sense. Who thinks of these things.....?

    You will have to try that yourself by using the command + T shortcut to open new tabs until the button appears because this depends on the dimensions of the Firefox window.
    You can use the above mentioned extension to get a permanent List All Tabs button or alternatively use code in userChrome.css to achieve the same effect.<br />
    See also:
    *[[/questions/926077]]
    Add code to the userChrome.css file below the default @namespace line.
    *http://kb.mozillazine.org/userChrome.css
    The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.
    *http://kb.mozillazine.org/Editing_configuration
    <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
    #tabbrowser-tabs ~ #alltabs-button { visibility:visible!important; }
    </nowiki></pre>

  • Add button to SP Ribbon

    When you open document library, you can see three tabs: Browse, Files, Library. Is it possible to add button to SP Ribbon (with Custom Action) to tab "Files" , section "New", next to existing button "New document"?

    Yes, you will need to do some custom coding to facilitate it.
    http://www.sharepointnutsandbolts.com/2010/01/adding-ribbon-items-into-existing.html
    Thanks, Ransher Singh, MCP, MCTS | Click Vote As Helpful if you think that post is helpful in responding your question click Mark As Answer, if you think that this is your answer for your question.

  • How can I use my Html/CSS Navigation bar to control an Edge Stage?

    I have an HTML/CSS navigation bar set up in my EDGE created page. The Navbar is not created in edge. I would like to use these buttons to control the stage. 
    Inside the stage the main timeline has labels and stop actions every 1.5 secs to create a horizontally sliding site.
    The labels are as follows: home, work, blog, profile, and contact. I can easily use a symbol created inside edge for example:
    sym.play("home");
    and animate a 6000px width symbol across my 1000px stage in 1000px increments.
    I do not want to use a symbol inside of edge to do this because I cannot create the effect that the html/css navbar has on mouseover inside of edge.
    So I am interested in knowing if I can use this bar to control my main timeline so I don't have to sacrifice design for functionality.
    currently the link list is setup with the standard hyperlink. What code would I use to play the stage on click of the html navbar?
    Many thanks to anyone who can help with this!
    Here is the code for the navbar:
    <div id="menu"><ul class="block-menu">
                        <li><a href="/home" class="three-d">
                                  Dynamic
                                  <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                        </a></li>
                        <li><a href="/demos" class="three-d">
                                  Work
                                  <span class="three-d-box"><span class="front">Work</span><span class="back">Work</span></span>
                        </a></li>
                        <li><a href="/deals" class="three-d">
                                  Blog
                                  <span class="three-d-box"><span class="front">Blog</span><span class="back">Blog</span></span>
                        </a></li>
                        <li><a href="/about" class="three-d">
                                  Profile
                                  <span class="three-d-box"><span class="front">Profile</span><span class="back">Profile</span></span>
                        </a></li>
            <li><a href="/about" class="three-d">
                                  Contact
                                  <span class="three-d-box"><span class="front">Contact</span><span class="back">Contact</span></span>
                        </a></li>
              </ul>
    <span class="block-menu"></span></div>
    Full HTML:
    <!DOCTYPE html>
    <html>
    <head>
              <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
              <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
              <title>Untitled</title>
    <!--Adobe Edge Runtime-->
        <script type="text/javascript" charset="utf-8" src="workapp_edgePreload.js"></script>
        <style>
            .edgeLoad-EDGE-57204389 { visibility:hidden; }
                  .block-menu {
                                  display: block;
                                  background: #000;
                        .block-menu li {
                                  display: inline-block;
                        .block-menu li a {
                                  color: #fff;
                                  display: block;
                                  text-decoration: none;
                                  font-family: 'Passion One',Arial,sans-serif;
                                  -webkit-font-smoothing: antialiased;
                                  -moz-font-smoothing: antialiased;
                                  font-smoothing: antialiased;
                                  text-transform: uppercase;
                                  overflow: visible;
                                  line-height: 20px;
                                  font-size: 24px;
                                  padding: 15px 10px;
                        /* animation domination */
                        .three-d {
                                  -webkit-perspective: 200px;
                                  -moz-perspective: 200px;
                                  perspective: 200px;
                                  -webkit-transition: all .07s linear;
                                  -moz-transition: all .07s linear;
                                  transition: all .07s linear;
                                  position: relative;
                                  .three-d:not(.active):hover {
                                            cursor: pointer;
                                  .three-d:not(.active):hover .three-d-box,
                                  .three-d:not(.active):focus .three-d-box {
                                            -moz-transform: translateZ(-25px) rotateX(90deg);
                                            -webkit-transform: translateZ(-25px) rotateX(90deg);
                                            -o-transform: translateZ(-25px) rotateX(90deg);
                                            transform: translateZ(-25px) rotateX(90deg);
                        .three-d-box {
                                  -webkit-transition: all .3s ease-out;
                                  -moz-transition: all .3s ease-out;
                                  -ms-transition: all .3s ease-out;
                                  -o-transition: all .3s ease-out;
                                  transition: all .3s ease-out;
                                  -webkit-transform: translatez(-25px);
                                  -moz-transform: translatez(-25px);
                                  -o-transform: translatez(-25px);
                                  transform: translatez(-25px);
                                  -webkit-transform-style: preserve-3d;
                                  -moz-transform-style: preserve-3d;
                                  -ms-transform-style: preserve-3d;
                                  -o-transform-style: preserve-3d;
                                  transform-style: preserve-3d;
                                  pointer-events: none;
                                  position: absolute;
                                  top: 0;
                                  left: 0;
                                  display: block;
                                  width: 100%;
                                  height: 100%;
                        .front {
                                  -webkit-transform: rotatex(0deg) translatez(25px);
                                  -moz-transform: rotatex(0deg) translatez(25px);
                                  -o-transform: rotatex(0deg) translatez(25px);
                                  transform: rotatex(0deg) translatez(25px);
                        .back {
                                  -webkit-transform: rotatex(-90deg) translatez(25px);
                                  -moz-transform: rotatex(-90deg) translatez(25px);
                                  -o-transform: rotatex(-90deg) translatez(25px);
                                  transform: rotatex(-90deg) translatez(25px);
                                  color: #FFE7C4;
                        .front, .back {
                                  display: block;
                                  width: 100%;
                                  height: 100%;
                                  position: absolute;
                                  top: 0;
                                  left: 0;
                                  background: black;
                                  padding: 15px 10px;
                                  color: white;
                                  pointer-events: none;
                                  -moz-box-sizing: border-box;
                                  box-sizing: border-box;
        </style>
    <!--Adobe Edge Runtime End-->
    </head>
    <body>
    <div id="menu"><ul class="block-menu">
                        <li><a href="/home" class="three-d">
                                  Dynamic
                                  <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                        </a></li>
                        <li><a href="/demos" class="three-d">
                                  Work
                                  <span class="three-d-box"><span class="front">Work</span><span class="back">Work</span></span>
                        </a></li>
                        <li><a href="/deals" class="three-d">
                                  Blog
                                  <span class="three-d-box"><span class="front">Blog</span><span class="back">Blog</span></span>
                        </a></li>
                        <li><a href="/about" class="three-d">
                                  Profile
                                  <span class="three-d-box"><span class="front">Profile</span><span class="back">Profile</span></span>
                        </a></li>
            <li><a href="/about" class="three-d">
                                  Contact
                                  <span class="three-d-box"><span class="front">Contact</span><span class="back">Contact</span></span>
                        </a></li>
              </ul>
    <span class="block-menu"></span></div>
    <div  id="Stage" class="EDGE-57204389">
    </div>
    </body>
    </html>

    I've come across this from the Edge API:
    Edge.getComposition(compId)
    Anyone having trouble with this same issue should try this:
    var targetComp = AdobeEdge.getComposition('TARGETCOMPID');
       targetComp.getStage().play();
    in their trigger or event handler.
    How I got it to work:
    <li><a href="javascript:var targetComp = AdobeEdge.getComposition('EDGE-57204389');
       targetComp.getStage().play();" class="three-d">
                                  Dynamic
                                  <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                        </a></li>

  • Please!!!!!!   How can i add rows in html table dynamically [use jsp,bean]

    hello, i am a fresher in jsp. i want to add new rows in html table dynamically.In my coding, just only shows in one row . please help my problem with correct coding and i don't want to use database. Thanks ...............!
    Here is my coding-------------------
    ---------------- form.jsp --------------------->
    <%@ page import="java.util.*,newtest1.Validation" %>
    <jsp:useBean id="mybean" scope="page" class="newtest1.Validation" />
    <jsp:setProperty name="mybean" property="name" param="name" />
    <jsp:setProperty name="mybean" property="age" param="age" />
    <% s[i][j] %>
    <html>
    <head><title>Form</title></head>
    <body>
    <form method="get">
    <table border="0" width="700">
    <tr>
    <td width="150" align="right">Name</td>
    <td width="550" align="left"><input type="text" name="name" size="35"></td>
    </tr>
    <tr>
    <td width="150" align="right">Age</td>
    <td width="550" align="left"><input type="text" name="age" size="35"></td>
    </tr>
    </table>
    <table width="100%" border="0" cellspacing="0" cellpadding="5">
    <tr><td> </td></tr>
    <tr><td><input type="submit" name="submit" value="ADD"></td></tr>
    <tr><td> </td></tr>
    <tr><td width="100%" align="center" border=1>
    <% int count=mybean.getStart();
    for(int i=count; i<count+1; i++) { %>
    <tr>
    <td><jsp:getProperty name="mybean" property="name" /></td>
    <td><jsp:getProperty name="mybean" property="age" /></td>
    <td><%= count %></td>
    <% count+=1; %>
    </tr>
    <% } %></td></tr>
    </table>
    </form>
    </body>
    </html>
    ----------------- Validation.java ----------------->
    package newtest1;
    import java.util.*;
    public class Validation {
    private String name;
    private String age;
    static int start=0;
    public Validation() {    name=null;
    age=null;
    ++start;}
    public void setName(String username) { if(username!="")
    name=username;
    public String getName() { return name;  }
    public void setAge(String userage) {  if (age!="")
    {age=userage;}
    public String getAge() {  return age;   }
    public int getStart() {
    return start; }

    Hi, Do you mean to say,
    You have an HTML page in which you have a text field and an add button. If you enter anything in that text field and click on Add button the text field contents should be displayed in the same HTML page and you should be able to go on entering new values into the text field and you should be able to retain and display all the previously entered values..
    and finally the list of added items are not stored in the database..
    If this is the case
    i. Your html form should be submitted to the same page.
    ii. You need to have a Vector which holds the entered values.
    iii. Bind the vector object to the request object and collect the same vector object from the request and display its contents...
    I think this would help...

  • Web Viewer - getting buttons to open in a new tab or window

    I am trying to get a button to open in a new tab or window in the DPS web viewer.
    The options when creating a button are:
    Open link in folio
    Open link in device browser
    Both which do not work when we export the web viewer.
    I know it is possible as Adobe are using this function for their Inspire magazine. This does not seem to be html either that they are using. See link here - at the bottom of the page: Adobe Inspire Magazine October 2014: The Truth in a Face
    Any help with this issue would be highly appreciated.

    There is a parameter on creating the iFrame called externalLinksOpen. They can set it to 'window', as it defaults to inline, which opens it in the current window. It's documented here:
    http://www.adobe.com/devnet-docs/digitalpublishingsuite/ContentViewerForWebSDK-2.0/classes /FrameService.html#method_createFrame
    There is also a demo linked from our 'What's New' section under 'External Link for Embedded Viewer' at http://www.adobe.com/devnet-docs/digitalpublishingsuite/ContentViewerForWebSDK-2.0/modules /What's%20New.html.

  • Can only open 4 tabs in window. Then + button doesn't work, and New Tab greyed-out in menu.

    Running Firefox 7.0.1 on Mac OS X 10.7.1.
    Number of tabs that can be opened in a single window is limited. Can't currently open more than four. Clicking the "+" button to the right of open tabs does nothing, and the "New Tab" option in the file menu is greyed out.

    Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
    *Don't make any changes on the Safe mode start window.
    *https://support.mozilla.com/kb/Safe+Mode
    *https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

Maybe you are looking for