primesfaces put two diferent style on two p:clock












0















I try to put two different styles in two distinct p:clock element in the same page.
This way described in the User Guide under "skinning"is to use .ui-clock in css page.



But this will apply the same style on the the two p:clock !
How can I define two different styles?



The problem is that p:clock has no styleclass or class attribute so even if I overide the primesfaces css I won’t be able to define two different style.










share|improve this question

























  • Hi, one suggestion is to learn basic html and css when doing web development. Especially the 'cascading' part... and by looking at the generic question behind your specific question and search for related q/a on stackoverflow

    – Kukeltje
    Jan 1 at 13:42








  • 1





    Possible duplicate of How do I override default PrimeFaces CSS with custom styles?

    – Kukeltje
    Jan 1 at 13:44











  • you did not understand my question! I’m don’t ask how to overide primesfaces css, that I know very well how to do it! the problem is that the p: clock has no class or style class attribute ! So even if I cascade the css right I won’t be able to spicify two different style for the two p:clock ! Please try to understand well the sens of the question before answer! And it’s not a duplicate question !

    – Rekillme Re
    Jan 1 at 14:18











  • What about to define second p:clock in different xhtml file and specify different styles per each page by setup different .ui-clock on those pages, and include second page in first.

    – Vasil Lukach
    Jan 1 at 15:06






  • 2





    I fully 1000% percent understand (understood) your problem within the initial context you gave and in that case it is a 1000% duplicate and your question did not show understanding some basics of css. And instead of blaming me not having tried to understand the question before answering and then silently adding more context (p:clock not having a (style)class and only stating that in a comment.) But... JSF has passTrough attributes. So you can add a 'class' attribute that way and still have it present on the html output and use it in selectors. The duplicate is now a valid duplicate, check!

    – Kukeltje
    Jan 2 at 9:01


















0















I try to put two different styles in two distinct p:clock element in the same page.
This way described in the User Guide under "skinning"is to use .ui-clock in css page.



But this will apply the same style on the the two p:clock !
How can I define two different styles?



The problem is that p:clock has no styleclass or class attribute so even if I overide the primesfaces css I won’t be able to define two different style.










share|improve this question

























  • Hi, one suggestion is to learn basic html and css when doing web development. Especially the 'cascading' part... and by looking at the generic question behind your specific question and search for related q/a on stackoverflow

    – Kukeltje
    Jan 1 at 13:42








  • 1





    Possible duplicate of How do I override default PrimeFaces CSS with custom styles?

    – Kukeltje
    Jan 1 at 13:44











  • you did not understand my question! I’m don’t ask how to overide primesfaces css, that I know very well how to do it! the problem is that the p: clock has no class or style class attribute ! So even if I cascade the css right I won’t be able to spicify two different style for the two p:clock ! Please try to understand well the sens of the question before answer! And it’s not a duplicate question !

    – Rekillme Re
    Jan 1 at 14:18











  • What about to define second p:clock in different xhtml file and specify different styles per each page by setup different .ui-clock on those pages, and include second page in first.

    – Vasil Lukach
    Jan 1 at 15:06






  • 2





    I fully 1000% percent understand (understood) your problem within the initial context you gave and in that case it is a 1000% duplicate and your question did not show understanding some basics of css. And instead of blaming me not having tried to understand the question before answering and then silently adding more context (p:clock not having a (style)class and only stating that in a comment.) But... JSF has passTrough attributes. So you can add a 'class' attribute that way and still have it present on the html output and use it in selectors. The duplicate is now a valid duplicate, check!

    – Kukeltje
    Jan 2 at 9:01
















0












0








0








I try to put two different styles in two distinct p:clock element in the same page.
This way described in the User Guide under "skinning"is to use .ui-clock in css page.



But this will apply the same style on the the two p:clock !
How can I define two different styles?



The problem is that p:clock has no styleclass or class attribute so even if I overide the primesfaces css I won’t be able to define two different style.










share|improve this question
















I try to put two different styles in two distinct p:clock element in the same page.
This way described in the User Guide under "skinning"is to use .ui-clock in css page.



But this will apply the same style on the the two p:clock !
How can I define two different styles?



The problem is that p:clock has no styleclass or class attribute so even if I overide the primesfaces css I won’t be able to define two different style.







css primefaces jsf-2.2






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Jan 1 at 14:25







Rekillme Re

















asked Jan 1 at 13:17









Rekillme ReRekillme Re

11




11













  • Hi, one suggestion is to learn basic html and css when doing web development. Especially the 'cascading' part... and by looking at the generic question behind your specific question and search for related q/a on stackoverflow

    – Kukeltje
    Jan 1 at 13:42








  • 1





    Possible duplicate of How do I override default PrimeFaces CSS with custom styles?

    – Kukeltje
    Jan 1 at 13:44











  • you did not understand my question! I’m don’t ask how to overide primesfaces css, that I know very well how to do it! the problem is that the p: clock has no class or style class attribute ! So even if I cascade the css right I won’t be able to spicify two different style for the two p:clock ! Please try to understand well the sens of the question before answer! And it’s not a duplicate question !

    – Rekillme Re
    Jan 1 at 14:18











  • What about to define second p:clock in different xhtml file and specify different styles per each page by setup different .ui-clock on those pages, and include second page in first.

    – Vasil Lukach
    Jan 1 at 15:06






  • 2





    I fully 1000% percent understand (understood) your problem within the initial context you gave and in that case it is a 1000% duplicate and your question did not show understanding some basics of css. And instead of blaming me not having tried to understand the question before answering and then silently adding more context (p:clock not having a (style)class and only stating that in a comment.) But... JSF has passTrough attributes. So you can add a 'class' attribute that way and still have it present on the html output and use it in selectors. The duplicate is now a valid duplicate, check!

    – Kukeltje
    Jan 2 at 9:01





















  • Hi, one suggestion is to learn basic html and css when doing web development. Especially the 'cascading' part... and by looking at the generic question behind your specific question and search for related q/a on stackoverflow

    – Kukeltje
    Jan 1 at 13:42








  • 1





    Possible duplicate of How do I override default PrimeFaces CSS with custom styles?

    – Kukeltje
    Jan 1 at 13:44











  • you did not understand my question! I’m don’t ask how to overide primesfaces css, that I know very well how to do it! the problem is that the p: clock has no class or style class attribute ! So even if I cascade the css right I won’t be able to spicify two different style for the two p:clock ! Please try to understand well the sens of the question before answer! And it’s not a duplicate question !

    – Rekillme Re
    Jan 1 at 14:18











  • What about to define second p:clock in different xhtml file and specify different styles per each page by setup different .ui-clock on those pages, and include second page in first.

    – Vasil Lukach
    Jan 1 at 15:06






  • 2





    I fully 1000% percent understand (understood) your problem within the initial context you gave and in that case it is a 1000% duplicate and your question did not show understanding some basics of css. And instead of blaming me not having tried to understand the question before answering and then silently adding more context (p:clock not having a (style)class and only stating that in a comment.) But... JSF has passTrough attributes. So you can add a 'class' attribute that way and still have it present on the html output and use it in selectors. The duplicate is now a valid duplicate, check!

    – Kukeltje
    Jan 2 at 9:01



















Hi, one suggestion is to learn basic html and css when doing web development. Especially the 'cascading' part... and by looking at the generic question behind your specific question and search for related q/a on stackoverflow

– Kukeltje
Jan 1 at 13:42







Hi, one suggestion is to learn basic html and css when doing web development. Especially the 'cascading' part... and by looking at the generic question behind your specific question and search for related q/a on stackoverflow

– Kukeltje
Jan 1 at 13:42






1




1





Possible duplicate of How do I override default PrimeFaces CSS with custom styles?

– Kukeltje
Jan 1 at 13:44





Possible duplicate of How do I override default PrimeFaces CSS with custom styles?

– Kukeltje
Jan 1 at 13:44













you did not understand my question! I’m don’t ask how to overide primesfaces css, that I know very well how to do it! the problem is that the p: clock has no class or style class attribute ! So even if I cascade the css right I won’t be able to spicify two different style for the two p:clock ! Please try to understand well the sens of the question before answer! And it’s not a duplicate question !

– Rekillme Re
Jan 1 at 14:18





you did not understand my question! I’m don’t ask how to overide primesfaces css, that I know very well how to do it! the problem is that the p: clock has no class or style class attribute ! So even if I cascade the css right I won’t be able to spicify two different style for the two p:clock ! Please try to understand well the sens of the question before answer! And it’s not a duplicate question !

– Rekillme Re
Jan 1 at 14:18













What about to define second p:clock in different xhtml file and specify different styles per each page by setup different .ui-clock on those pages, and include second page in first.

– Vasil Lukach
Jan 1 at 15:06





What about to define second p:clock in different xhtml file and specify different styles per each page by setup different .ui-clock on those pages, and include second page in first.

– Vasil Lukach
Jan 1 at 15:06




2




2





I fully 1000% percent understand (understood) your problem within the initial context you gave and in that case it is a 1000% duplicate and your question did not show understanding some basics of css. And instead of blaming me not having tried to understand the question before answering and then silently adding more context (p:clock not having a (style)class and only stating that in a comment.) But... JSF has passTrough attributes. So you can add a 'class' attribute that way and still have it present on the html output and use it in selectors. The duplicate is now a valid duplicate, check!

– Kukeltje
Jan 2 at 9:01







I fully 1000% percent understand (understood) your problem within the initial context you gave and in that case it is a 1000% duplicate and your question did not show understanding some basics of css. And instead of blaming me not having tried to understand the question before answering and then silently adding more context (p:clock not having a (style)class and only stating that in a comment.) But... JSF has passTrough attributes. So you can add a 'class' attribute that way and still have it present on the html output and use it in selectors. The duplicate is now a valid duplicate, check!

– Kukeltje
Jan 2 at 9:01














0






active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53995757%2fprimesfaces-put-two-diferent-style-on-two-pclock%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes
















draft saved

draft discarded




















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53995757%2fprimesfaces-put-two-diferent-style-on-two-pclock%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

'app-layout' is not a known element: how to share Component with different Modules

android studio warns about leanback feature tag usage required on manifest while using Unity exported app?

WPF add header to Image with URL pettitions [duplicate]