Highlighted

pin to ? css container ?

New Here ,
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

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.

Views

168

Likes

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

pin to ? css container ?

New Here ,
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

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.

Views

169

Likes

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
May 16, 2019 0
LEGEND ,
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!

Likes

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
Reply
Loading...
May 17, 2019 0
LEGEND ,
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!

Likes

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
Reply
Loading...
May 17, 2019 0
New Here ,
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

Likes

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
Reply
Loading...
May 17, 2019 0
New Here ,
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.

Likes

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
Reply
Loading...
May 17, 2019 0
New Here ,
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

Likes

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
Reply
Loading...
May 17, 2019 0
LEGEND ,
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.

Likes

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
Reply
Loading...
May 17, 2019 1
Most Valuable Participant ,
May 20, 2019

Copy link to clipboard

Copied

thats very clever

Likes

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
Reply
Loading...
May 20, 2019 0
LEGEND ,
May 20, 2019

Copy link to clipboard

Copied

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

Likes

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
Reply
Loading...
May 20, 2019 0
New Here ,
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

Likes

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
Reply
Loading...
May 21, 2019 0
LEGEND ,
May 21, 2019

Copy link to clipboard

Copied

Hope, it works as you have expected!

Likes

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
Reply
Loading...
May 21, 2019 0