adding css custom to an id or class

I want to add css custom to a particular id and it does not work, but when it's a TAG of his work.

Are you sure you are using the right format for CSS ID and class selectors? Have a look here - http://www.w3schools.com/css/css_id_class.asp.

You can always try to preview your personalized CSS by using the inspect in Chrome or Firebug in Firefox - https://developers.google.com/chrome-developer-tools/docs/elements-styles?csw=1.

Thank you

Vinayak

Tags: Adobe Muse

Similar Questions

  • Class CSS custom to the conditional formatting

    Hello

    I am applying the css custom class to the conditional formatting
    like what I saw in http://gerardnico.com/wiki/dat/obiee/presentation_service/obiee_string_number_in_one_column

    I modified the custom.css located in C:\OracleBI\web\app\res\s_oracle10\b_mozilla_4...I added the ff:

    . {ClassIsLess}
    background-color: #FFFF00;
    }


    then copy pasted into C:\OracleBI\oc4j_bi\j2ee\home\applications\analytics\analytics\res\s_oracle10\b_mozilla_4

    Restarted the presentation service, oc4j, and erased the IE cache.

    When I apply it in the Style tab > custom Css section > class use CSS custom custom class works!

    But when I use it in a conditional formatting as if $ is not null, the custom class is NOT applied...

    Help, please. Am I missing something?

    Thank you
    Felicity

    Hey felicity.

    U have seen this?

    http://obiee101.blogspot.com/2008/09/OBIEE-custom-CSS-style-class.html

    Last three note mentioned by Jhon

    Note 1: Somehow the font size of the cell is dominant on the personal class...
    NOTE2: Disable your browser cache when developing with this... (some changes may take time to be visible).
    Note3: even if the option is available in the form of conditional formatting, it seems to work...

    Thank you
    Saichand.v

  • Use a custom in a signal qml class

    I want to use a custom in a signal qml class, but have difficulties of implementation that correctly.

    My class is OutgoingInputs

    I give the floor

    qRegisterMetaType("OutgoingInputs");
    

    Save a pointer to it as a type of meta, which seems to be necessary, but when I also use

    Q_DECLARE_METATYPE(OutgoingInputs*)
    

    in the header file for the class, I get a compilation error.

    I have to save it without a pointer (was the idea here ) or is there another obvious error?

    Is there an example how to do this?

    I can receive the signal if my housing uses no parameters.

    I don't think you need to register as a metatype... a simple registry should do as it is the same as the use of the QML object:

    qmlRegisterType("mynamespace" 1.0, "OutgoingInputs");

    found this on the forums of qt:

    http://Qt-project.org/forums/viewthread/9657

    I hope that helps!

  • Bug: mayhem suddenly unleashed on adding a custom modules property

    Structure of the project:

    Project A project B and C in the form of modules project references.

    Project B and project reference project in the form of module C.

    Project D is just public the names of the files only - no rules.

    Everything seems to work fine until... Add a field to a custom property on an attribute in the project B or C.

    Then trying to build the project, the compiler throws an OPA-E00285 for each attribute in the project.

    The errors come floods only after the addition of a custom property and as a result of that.  I completely 100% verified with control of source diff.

    Expected result: custom properties do not change the behavior of the compiler in this way.

    Adding a custom property to the imported attributes of the module D means that modules B and C now have different definitions of these attributes.  It is a problem of project since it does not know which definition to use - the one with the custom property or the one without the custom property.  Define the custom property in the module D.

  • I added a custom field in my form in British Colombia, but it will not be rendered.

    I added a custom field in my form in BC, but I can't seem to appear whhen I saw it. Anyone know why this is happening?

    Hello

    With Adobe Muse CC 20141, reCaptcha and checkbox field can be added to forms.

    Please install our latest update to try out these new features.

    Release notes | Adobe Muse CC

    Thank you

    Sanjit

  • Adding a custom under the test Configuration profile

    In older versions of PS, if I added a custom format to test profile, it should be pinned to the Format menu to test (and the default profile).  That does not happen in PS CS6.

    Is there a specific place, I need to save profiles customized evidence so that they appear in the menu?

    I had no problem with it and is for me

    ~/Library/application support/Adobe / / color proofing.

    Where exactly have you saved the file?

    Could you provide a screenshot?

  • Why not adding css class for table poster red border cell error?

    JavaFX 2.2.21 Java 7.21

    I'm trying to display a red border and a picture on a cell text when an error occurs.

    I took the address book example (example 12-11 http://docs.oracle.com/javafx/2/ui_controls/table-view.htm#CJAGAAEE).

    and also James D solution to my previous question.

    I find that adding a class of css error does not display the red border and the image.

    However, using setStyle this - but it is not preferable, because I want to put the border value by default once the error is corrected.

    In the example below, red border does NOT appear. The 'name' field was changed to salary and must display one error (red border and image) if other thing that an integer is entered.

    If you uncomment the setStyle lines, then it is displayed.

    Note: I use empty.png to erase the image of 'failure' because using - fx-background-image: none; somehow, did not.

    import javafx.application.Application;
    import javafx.beans.property.SimpleStringProperty;
    import javafx.collections.FXCollections;
    import javafx.collections.ObservableList;
    import javafx.geometry.Insets;
    import javafx.scene.Group;
    import javafx.scene.Scene;
    import javafx.scene.control.Label;
    import javafx.scene.control.TableColumn.CellEditEvent;
    import javafx.scene.layout.HBox;
    import javafx.scene.layout.VBox;
    import javafx.scene.text.Font;
    import javafx.stage.Stage;
    import javafx.beans.value.ChangeListener;
    import javafx.beans.value.ObservableValue;
    import javafx.event.ActionEvent;
    import javafx.event.EventHandler;
    import javafx.scene.control.Button;
    import javafx.scene.control.TableCell;
    import javafx.scene.control.TableColumn;
    import javafx.scene.control.TableView;
    import javafx.scene.control.TextField;
    import javafx.scene.control.cell.PropertyValueFactory;
    import javafx.scene.input.KeyCode;
    import javafx.scene.input.KeyEvent;
    import javafx.util.Callback;
    public class TableViewSample extends Application {
    
    
        private TableView<Person> table = new TableView<Person>();
        private final ObservableList<Person> data =
                FXCollections.observableArrayList(
                new Person("Gates", "46", "[email protected]"),
                new Person("Ellison", "25", "[email protected]"),
                new Person("McNealy", "1", "[email protected]"),
                new Person("Jobs", "0", "[email protected]"),
                new Person("Me", "0", "[email protected]"));
        final HBox hb = new HBox();
    
    
        public static void main(String[] args) {
            launch(args);
        }
    
    
        @Override
        public void start(Stage stage) {
            Scene scene = new Scene(new Group());
            stage.setTitle("Table View Sample");
            stage.setWidth(450);
            stage.setHeight(550);
    
    
            final Label label = new Label("Address Book");
            label.setFont(new Font("Arial", 20));
    
    
            table.setEditable(true);
            Callback<TableColumn, TableCell> cellFactory =
                    new Callback<TableColumn, TableCell>() {
                public TableCell call(TableColumn p) {
                    return new EditingCell();
                }
            };
    
    
            TableColumn firstNameCol = new TableColumn("First Name");
            firstNameCol.setMinWidth(100);
            firstNameCol.setCellValueFactory(
                    new PropertyValueFactory<Person, String>("firstName"));
            firstNameCol.setCellFactory(cellFactory);
            firstNameCol.setOnEditCommit(
                    new EventHandler<CellEditEvent<Person, String>>() {
                @Override
                public void handle(CellEditEvent<Person, String> t) {
                    ((Person) t.getTableView().getItems().get(
                            t.getTablePosition().getRow())).setFirstName(t.getNewValue());
                }
            });
    
    
    
    
            TableColumn salaryCol = new TableColumn("Salary");
            salaryCol.setMinWidth(100);
            salaryCol.setCellValueFactory(
                    new PropertyValueFactory<Person, String>("salary"));
            salaryCol.setCellFactory(cellFactory);
            salaryCol.setOnEditCommit(
                    new EventHandler<CellEditEvent<Person, String>>() {
                @Override
                public void handle(CellEditEvent<Person, String> t) {
                    ((Person) t.getTableView().getItems().get(
                            t.getTablePosition().getRow())).setSalary(t.getNewValue());
                }
            });
    
    
            TableColumn emailCol = new TableColumn("Email");
            emailCol.setMinWidth(200);
            emailCol.setCellValueFactory(
                    new PropertyValueFactory<Person, String>("email"));
            emailCol.setCellFactory(cellFactory);
            emailCol.setOnEditCommit(
                    new EventHandler<CellEditEvent<Person, String>>() {
                @Override
                public void handle(CellEditEvent<Person, String> t) {
                    ((Person) t.getTableView().getItems().get(
                            t.getTablePosition().getRow())).setEmail(t.getNewValue());
                }
            });
    
    
            table.setItems(data);
            table.getColumns().addAll(firstNameCol, salaryCol, emailCol);
    
    
            final TextField addFirstName = new TextField();
            addFirstName.setPromptText("First Name");
            addFirstName.setMaxWidth(firstNameCol.getPrefWidth());
            final TextField addSalary = new TextField();
            addSalary.setMaxWidth(salaryCol.getPrefWidth());
            addSalary.setPromptText("Last Name");
            final TextField addEmail = new TextField();
            addEmail.setMaxWidth(emailCol.getPrefWidth());
            addEmail.setPromptText("Email");
    
    
            final Button addButton = new Button("Add");
            addButton.setOnAction(new EventHandler<ActionEvent>() {
                @Override
                public void handle(ActionEvent e) {
                    data.add(new Person(
                            addFirstName.getText(),
                            addSalary.getText(),
                            addEmail.getText()));
                    addFirstName.clear();
                    addSalary.clear();
                    addEmail.clear();
                }
            });
    
    
            hb.getChildren().addAll(addFirstName, addSalary, addEmail, addButton);
            hb.setSpacing(3);
    
    
            final VBox vbox = new VBox();
            vbox.setSpacing(5);
            vbox.setPadding(new Insets(10, 0, 0, 10));
            vbox.getChildren().addAll(label, table, hb);
    
    
            ((Group) scene.getRoot()).getChildren().addAll(vbox);
            scene.getStylesheets().add(getClass().getResource("errorTextField.css").toExternalForm());
    
    
            stage.setScene(scene);
            stage.show();
        }
    
    
        public static class Person {
    
    
            private final SimpleStringProperty firstName;
            private final SimpleStringProperty salary;
            private final SimpleStringProperty email;
    
    
            private Person(String fName, String pay, String email) {
                this.firstName = new SimpleStringProperty(fName);
                this.salary = new SimpleStringProperty(pay);
                this.email = new SimpleStringProperty(email);
            }
    
    
            public String getFirstName() {
                return firstName.get();
            }
    
    
            public void setFirstName(String fName) {
                firstName.set(fName);
            }
    
    
            public String getSalary() {
                return salary.get();
            }
    
    
            public void setSalary(String fName) {
                salary.set(fName);
            }
    
    
            public String getEmail() {
                return email.get();
            }
    
    
            public void setEmail(String fName) {
                email.set(fName);
            }
        }
    
    
        class EditingCell extends TableCell<Person, String> {
    
    
            final String errorCSSClass = "error";
            private TextField textField;
    
    
            public EditingCell() {
            }
    
    
            @Override
            public void startEdit() {
                if (!isEmpty()) {
                    super.startEdit();
                    createTextField();
                    setText(null);
                    setGraphic(textField);
                    textField.selectAll();
                }
            }
    
    
            @Override
            public void cancelEdit() {
                super.cancelEdit();
    
    
                setText((String) getItem());
                setGraphic(null);
            }
    
    
            @Override
            public void updateItem(String item, boolean empty) {
                super.updateItem(item, empty);
    
    
                if (empty) {
                    setText(null);
                    setGraphic(null);
                } else {
                    if (isEditing()) {
                        if (textField != null) {
                            textField.setText(getString());
                        }
                        setText(null);
                        setGraphic(textField);
                    } else {
                        setText(getString());
                        setGraphic(null);
                    }
                }
            }
    
    
            private boolean validate(String text) {
                try {
                    Integer.parseInt(text);
                } catch (NumberFormatException ne) {
                    return false;
                }
                return true;
            }
    
    
            private void createTextField() {
                textField = new TextField(getString());
                textField.setMinWidth(this.getWidth() - this.getGraphicTextGap() * 2);
                textField.focusedProperty().addListener(new ChangeListener<Boolean>() {
                    @Override
                    public void changed(ObservableValue<? extends Boolean> arg0,
                            Boolean arg1, Boolean arg2) {
                        if (!arg2) {
                            commitEdit(textField.getText());
                            boolean valid = validate(textField.getText());
                            if (!valid) {
                                if (!getStyleClass().contains(errorCSSClass)) {
                                    getStyleClass().add(errorCSSClass);
                                }
    //                            setStyle("-fx-border-color: red; -fx-background-image:url('fail.png'); -fx-background-repeat: no-repeat; -fx-background-position: right center;");
                            } else {
                                getStyleClass().remove(errorCSSClass);
    //                            setStyle("-fx-border-color: gray;  -fx-background-image:url('empty.png');");
                            }
                        }
                    }
                });
                textField.setOnKeyReleased(new EventHandler<KeyEvent>() {
                    @Override
                    public void handle(KeyEvent event) {
                        if ((event.getCode() == KeyCode.ENTER)) {
                            commitEdit(textField.getText());
                            boolean valid = validate(textField.getText());
                            if (!valid) {
                                if (!getStyleClass().contains(errorCSSClass)) {
                                    getStyleClass().add(errorCSSClass);
                                }
    //                            setStyle("-fx-border-color: red; -fx-background-image:url('fail.png'); -fx-background-repeat: no-repeat; -fx-background-position: right center;");
                            } else {
                                getStyleClass().remove(errorCSSClass);
    //                            setStyle("-fx-border-color: gray;  -fx-background-image:url('empty.png');");
                            }
                        } else if (event.getCode() == KeyCode.ESCAPE) {
                            cancelEdit();
                        }
                    }
                });
            }
    
    
            private String getString() {
                return getItem() == null ? "" : getItem().toString();
            }
        }
    }
    
    
    

    errorTextField.css

    root {
        display: block;
    }
    
    
    .text-field.error {
    -fx-border-color: red ;
      -fx-border-width: 2px ;
      -fx-background-image:url('fail.png');
      -fx-background-repeat: no-repeat;
      -fx-background-position: right center;
    }
    .text-field {
    -fx-border-width: 0px ;
    -fx-background-image:url('empty.png') ;
       -fx-background-repeat: no-repeat;
      -fx-background-position: right center;
    }
    
    
    

    The css Setup is fine. The selector

    .a.b
    

    Selects elements that have the two class a and class b. Note that in this example, you set the style on the table cell class, not on the text field. So you have the selector

    .table-cell.error
    

    You can select the cells of a table with text fields that also have the style class 'mistake' set with

    .text-field.error, .table-cell.error
    
  • Format CSS custom for APEX 5.0 calendar

    I have an APEX 5.0 calendar using the universal theme.  I tried to use the predefined CSS classes, like apex-cal-green, and that they work as expected.  In this case, I have the colors associated with the type of the event.  In the record of event type, I have fields for the foreground and background colors. From what I could glean, this is how I created the CSS column in my query:

    ' background-color: ' | TWU. BACK_CLR | '; the color of the border : ' | TWU. BACK_CLR | '; color: ' | TWU. FORE_CLR | ';' CSS_COL

    and I'm getting a column that looks like this:

    background-color: #BDC3C7; border-color: #BDC3C7; color: #404040;


    and it's not having an effect on my screen.  I guess I'm doing something wrong and hoping someone can point me in the right direction.


    Thank you


    Jim

    SuperflyTNT wrote:

    OK got the concept. Logical, just work on execution.

    Nice to see someone pick up an idea and run with it...

    Is it that simple?

    The application process Page CREATE_CSS ((point de processus de rappel AJAX):)

    Start

    for task (select sched_task_cd, fore_clr, schedule_task_type back_clr) loop

    apex_css. Add (Lower (Task.sched_task_cd) |) "{background-color: ' |}" task.back_clr | '; border color: ' | Task.back_clr | '; color: ' | Task.fore_clr | '}');

    end loop;

    apex_application.stop_apex_engine;

    end;

    Almost. You are missing some initialization in the response header and actually get out the style rules, which must be made using htp.p . apex_css may not be used in this case. Only, it can be used in the rendered page (or never used at all as I'm concerned):

    begin
    
      owa_util.mime_header('text/css', false);
      htp.p('Content-Disposition: filename="schedule.css"');
      owa_util.http_header_close();
    
      for style in (
        select
            lower('foo') class
          , '#404040'    color
          , '#BDC3C7'    bg_color
        from
            dual)
      loop
        htp.p('.fc .fc-event.' || style.class || ' { background-color: ' || style.bg_color || '; border-color: ' || style.bg_color || '; color: ' || style.color || '; }');
      end loop; 
    
    end;
    
  • Value css custom for a combobox control

    Hello

    I have much combobx in my application.

    I only want a single combo with my skin CSS.

    I want to customize this property: #combo - box - base .arrow-button

    I don't know how he by code and css it does not work.

    I tried

    {.arrow-button-custom #combo - box - base}

    -fx-background-color: red;

    }

    and I have in my drop-down list

    combo.getStyleClass (.addAll("error","combo-box-base"));

    combo.setId("arrow-button-custom");

    but it does not work.

    Use setId() on the node instead of getStyleClass().

    combo.setId("combo-box-custom");

    {.arrow-button #combo - box - custom}

    -fx-background-color: red;

    }

  • RH8: CSS custom bullets (images) do not work in FM9 linked content

    Hi all!

    WinXP, latest versions of TCS2 apps...

    I am mapping warnings, Notes and attentions to the definitions in my RHStyleMapping.css.

    • Maps of CI-attention attention (more exactly, p.Caution)
    • Maps of DI - Danger Danger (more exactly, p.Danger)
    • WI-WARNING cards warning (more accurately, p.Warning)

    All is well in the RoboHelp 8 (linked content displays correctly) project file

    However, when I generate WebHelp or AIR browser-based help, graphics referenced by the css are not passed to the appropriate! SSL Directory.

    RH9 handles this correctly, but it is not an option for the customer... Is this a limitation of RH8?

    -Matt

    Hello

    What happens if you add images as files luggage to the project? I noticed that RH8 sometimes does not recognize the images defined in the CSS and so don't copy into the output folder. To be on the safe side, I always add all images referenced in my css as files of luggage.

    Take a bow

    Willam

  • Adding a custom inside a JSF StyleClass

    Hi all
    I have a requirement to hide the icon of an af:query in a particular fragment of disclosure. There is no "ShowDisclosure" don't attribute to a request and so if I use the following within the Skin.jar application code, I am able to do this, but this will have an impact on the entire application. I would create a StyleClass customized to only add to this particular fragment. Everything can help me how and where to create the styleClass and how to include it in the fragment/application.

    AF | query: disclosure-icon-container
    {
    background-image: url("..) ("/ img/minus.png");
    display: none;
    height: 0px;
    Width: 0px;

    }

    AF | query: releases-icon
    {
    display: none;
    }

    AF | query: not disclosed-icon
    {
    display: none;
    }

    Thank you
    Victor

    Hello

    1) create a CSS (for example resources/css/MyCustomSkin.css) file, which contains the following styles in your project:

    af|query.CustomQueryPanel::disclosure-icon-container { background-image: url("../img/minus.png"); display:none; height:0px; width:0px; }
    af|query.CustomQueryPanel::disclosed-icon { display:none; }
    af|query.CustomQueryPanel::undisclosed-icon { display:none; }
    

    (2) record an appearance in the file WEB-INF/trinidad - skins.xml, for example:

    
      
        MyCustomSkin
        my-custom-skin
        org.apache.myfaces.trinidad.desktop
        blafplus-rich.desktop
        resources/css/MyCustomSkin.css
      
    
    

    (3) set your skin in WEB-INF/Trinity - config.xml, for example:

    
      my-custom-skin
    
    

    (4) set styleClass well your :

    
    

    Dimitar

  • Adding a custom Image for a Style

    Yet another stupid question! Is it possible to add a custom style image? For example, I have a style named attention and I want this style to use a specific image. If possible, please provide details for its implementation. If it is not possible, a code snippet is perhaps the best option?

    Thanks again.

    Hello

    First news of 'bad': I can't find an option to add a background image for a hollow style editor the Robo8 paragraph. You can post as a feature request.

    Each paragraph you create, wil you have in your css style, and it is a bit of trial and error. A major advantage: whenever you need to change the image, it will be just a few minutes!

    If you need help more with your css, just post back.

    Take a bow

    Willam

  • Adding a custom paper size

    I have a HP Officejet 7000 Wide format printer and want to print a banner continues (36 x 8 1/2 in.) without having to restore a bunch of sheets of paper.    With my previous HP printer, there was a way to set up a custom paper size, but I could not find such a framework on this new printer.  Is there something obvious that I'm missing or has been removed for this feature on the new model?

    Already tried this unfortunately.  (Working in Publisher, OS Win 7)  Eventually move to another printer for the banner.  Would be nice to have this feature, in the future, if possible updates.

    Thank you anyway 007OHMSS

  • Adding a custom location backup

    Is it possible that I can add my own save in location?  It's a pain to have to navigate to the folder of the computer in my own project file every time.  It would speed up my work without end if there was a way to do this?

    Thank you very much in advance for any response.
    Ornella

    What application you want this for? Sometimes, it may be possible to put this under settings of this application.

    In general (I assume that you need at least Professional edition) you can also try this: press the Windows key + R > type gpedit.msc and press enter > User Configuration > Administrative Templates > Windows components > Windows Explorer > Common Open File Dialog > click twice on the items displayed in the Favorites bar > select active , then specify your custom location.

    For MS Office, you can follow this tutorial: How to add folders custom Microsoft Office 2007 Save as dialog box

  • Adding a custom VSA to a group - ACS unit

    Hello

    Using a secure ACS appliance 4.0

    I want to add a new provider of RADIUS and its VSA associated with the configuration of the ACS. This will be then returned in the authorization.

    I have already added the new seller and the VSA required through RDBMS. I can now see the new seller (supplier) RADIUS in NAP profile etc.

    However I can't seem to find a way that how to set the value of the SBA added? And assign it to a particular group? I can't find this anywhere VSA.

    Add an AAA client with "authenticate using the" Radius (vendor)

    Then go to Configuration of the Interface and select VSA to the user or group

    ~ Rohit

Maybe you are looking for

  • How to get rid of the symbols Firefox superimposed on the taskbar

    The great symbol of Firefox on the left end of the task bar displays all the current windows - including windows 'private browsing '. This makes it almost useless IMO "private browsing". How can I remove this symbol?

  • HP 15: enter the password administrator or power on password

    HP 15 children locked me on my pc... disable code is 54800186

  • I can not install firefox and get a message do not have the permissions etc.

    It is said that some features may not work if I download as long as the current user and it offers me the opportunity to do as another user. I am the administrator and nothing seems to get past this screen

  • IPHONE 5 problem with contacts

    Hello people... I'm puzzled. I asked this question a few days ago. Got a lot of answers THANK YOU ALL... nothing worked. Problem in short... CONTACTS iphone 5 release 9.2 (13 c, 75). I had the phone in 2014 and loaded with my CONTACTS. I used to 2015

  • X 200 s ban

    Hi all After that I joined my X 200 to the dock, I turned on the computer. After that, she raised a "Missing Operating System" error. Note, however, that the computer itself works well with the Vista of exploitation. I wonder if I was wrong or the ba