• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
Locked
0

pin to ? css container ?

Community Beginner ,
May 16, 2019 May 16, 2019

Copy link to clipboard

Copied

Have a problem... I want a fixed header pinned to the top of page... the page width is 1200px if the browser width is bigger you see some background and the page is centered. if browser is smaller page is resizing propotional...in the left corner of the page header should be a button which stays there untill the browser window is smaller than 1200px, if the browser window is bigger than 1200px the button should remain at the page border of 1200px an not follow the the browser edge.

But in muse i can only pin to browser width and not to a defined page width ?

does anyone see a solution ?

thaks in advance

manfred

Views

460

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

LEGEND , May 17, 2019 May 17, 2019

That‘s it! I used

  • A page wide state button (not stretched to browser width).
  • Nested into this one more state button, which contains the “final“ button.

Why 2 nested state buttons? It we‘d use only the large state button, the „final“ button would already react, when hovering over the entire page wide area of the large state button widget, what certainly isn‘t expected behaviour.

Votes

Translate

Translate
LEGEND ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

Are you thinking of something like this:

Is is quite easy to achieve, but unfortunately one has to be really familiar with the exact behaviour of Muse’s built in widgets.

Here you find the associated sample file:

https://www.dropbox.com/s/4gg87nhk93iv1qy/page-pinned-button.muse?dl=1​

(Attention: There seems to be a tiny bug in Muse. To circumvent this I had to add a small transparent „auxiliary“ rectangle at the bottom of the header construction. But this doesn’t any harm at all …)

Please check the sample file precisely. If you have questions – just ask!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

Uups, I misread your post. You were talking about a button at the left side, I “understood“ right side. Congrats to all people, who are able to read! But fortunately this makes no real difference!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

yes , thats exactly what I´m looking for

Thanks, just downlaoded ..and will test it this evening if it works for me

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

ok my button is a menu consider that doesnt make big difference.

Suppose I tried it the same way ..using recangle-tool which is pinned to top and it works like it should concerning the width resizing.

But only the rectangle behaves like fixed...doesnt work like a wrapper with content.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

..oh no, think I got it...you are using a state-button just to get a ccs container which can content objekts

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

That‘s it! I used

  • A page wide state button (not stretched to browser width).
  • Nested into this one more state button, which contains the “final“ button.

Why 2 nested state buttons? It we‘d use only the large state button, the „final“ button would already react, when hovering over the entire page wide area of the large state button widget, what certainly isn‘t expected behaviour.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 20, 2019 May 20, 2019

Copy link to clipboard

Copied

thats very clever

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 20, 2019 May 20, 2019

Copy link to clipboard

Copied

Thank you, but indigoo41164202​ doesn‘t seem to be interested any more.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 21, 2019 May 21, 2019

Copy link to clipboard

Copied

No, no still huge interest...

I was on business travel and bothered with other problems ...

And now back to office and this job

thanks a lot for the great solution and your support

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 21, 2019 May 21, 2019

Copy link to clipboard

Copied

LATEST

Hope, it works as you have expected!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines