Better Breadcrumbs
By Daniel Wood, 4 October 2018
Introduction
Breadcrumb menus are great. They tell the user a lot about where they are within a solutions hierarchy. They also provide a really quick and easy way to navigate up/down that hierarchy if needed. In the FileMaker world, people have been making breadcrumb menus in various forms for a while, the most common implementation is that of a repeating fields, button bars, or in the case of vertical menus, a portal.
And while all of these methods are workable, they tend to have limitations when it comes to 2 aspects - the visual quality of the menu, and the ability to customise and extend the menu. So what do we mean by these? We’ll start off by giving an example of a breadcrumb menu built using a button bar, discuss some of its limitations, and then present our alternative implementation using a tab control object.
Example file time!
Rather than wait til the end to check out the demo, we strongly recommend you download and explore the example file as you read. This will help you follow along with the content of the article and help you to understand what we are talking about.
A typical breadcrumb menu
Here is an example of a standard breadcrumb menu. This is a location based menu, as the items in the menu are locations within the solution the user can navigate to.
The user currently resides at the right-most location in the menu, and as you scan to the left you can work your way back up the navigation hierarchy all the way to home screen. These navigation elements are clickable, so the user is free to traverse back up the hierarchy to any point they wish.
Building this in FileMaker
Many peoples first instinct would be to use a button bar to design and build a breadcrumb menu. It has a number of properties that suit a breadcrumb menu:
- Multiple segments, each could be a step in the hierarchy
- Clickable, as each segment is essentially a button
- You can calculate the text to appear in each segment.
But here’s the problem. Button bars are of a fixed width, and the segments within the button bar are all proportional in width to the overall width of the bar itself. So if you have a 100pt wide button bar, with 10 segments, then each segment will be 10 pts wide. If you extend the width of the bar to 200pts, then each segment grows to 20pts in width. You have no control over the width of each individual segment.
So what does this mean for us in real terms?
Here is a crack at building a breadcrumb menu with a button bar. The issue we have is that each segment has a variable amount of text, yet we can only have a single width per segment. Add to this the fact that typical breadcrumb menus have a divider between each element, and you end up with a pretty average looking menu.
This is what it looks like in layout mode, to further illustrate whats going on.
Now, we have seen people come up with attempts to work around this fixed width segment issue. Some involve creating button bar segments based on calculations, where the text inside each segment is padded with spaces to make it a certain width, while others involve starting off with hundreds of small segments, and programmatically removing certain segments and padding others. The simple fact is these are all complex and a real pain to work with, and you still do not achieve a really beautiful result.
What about a tab control?
What’s that, I hear you ask? A tab control? Surely a tab is the last object you’d think of to build a breadcrumb menu right? Well maybe, but the fact is tab controls are the perfect layout object for building them (short of an actual breadcrumb menu layout object!).
The reason why tab controls are so great for this, is the simple fact that the width of each tab control name is variable in width. This means it doesn’t matter how much or how little text goes into each tab name, they won’t all end up the same width.
This is a tab control, designed to look like a breadcrumb menu. Looks pretty nice doesn’t it. Notice how all of the spacing between the dividers and the items are all consistent. So how is this done?
Here is the same tab control object highlighted in layout mode. The height of the overall object has been reduced such that there is actually no content space, it’s just the height of the tab names themselves. We aren’t going to be using this object for placing other objects in, we are only concerned with the names.
Let’s look at the tab control setup next.
Interesting! What we can see here is that the odd positions in the tab control are given the names of the items in the menu. Whilst the even positions are used for dividers. This is a key concept in our technique for building the menu - odd spaces are for items, even spaces are for separators.
The above setup is kind of useless in an actual solution because it is so hard-coded. Ideally you want the menu to be dynamic, and have elements add/remove as you traverse up/down the navigation hierarchy of your solution, but at this point we’re simply showing you the building blocks for how we structure the object.
We use the “Label width + Margin of” option for tab width, this allows tabs to grow as more text is added, whilst maintaining an even spacing between items and dividers. We are using an ascii character of a right arrow for the divider.
Formatting items
You’ll note that the first three items in the menu are underlined. This is to give visual indication to the user that these are clickable. The right-most element is not underlined, suggesting that is the screen they are current on, and there is no need for them to click that link.
Visual design is achieved through conditional formatting of each individual tab control. In this very basic example, the condition for the first 3 items is simply “true” and we format them to underlined. Again in reality we want to be a bit more dynamic in our conditional formatting, which we’ll cover later.
For a navigation breadcrumb, you may actually wish to simply go with a hard-coded menu such as the one above, and just adjust its display for each layout it appears on, and indeed this may be the easiest implementation. Other implementations may require a more soft-coded dynamic approach.
A simple example
In the example file we start off with a simple wizard example. Here we use a breadcrumb menu to indicate position in a step by step wizard.
This wizard has 5 steps, and the user will work their way through the wizard, and continue to the next section by clicking a button. The menu itself is not clickable, it exists purely as a visual aid to inform the user of their progress in the wizard.
We use the tab control for display of the menu, and we are using a slide-control beneath it for the wizard itself. So, the slide control has 5 panels and each panel is named Wizard_1 through Wizard_5.
The tab control setup is as follows:
Pretty simple stuff. Again odd positions for items, even positions are separators. Because the size of this wizard is known, we only need to add however many tabs are required for each step.
Navigation through the wizard is done by running a script. The script takes as a parameter a direction, be it forward or back. Depending on which direction, it updates the value of a global variable $$WIZARD_POSITION. We use this global variable to help us know which step of the wizard we are on. The script then simply navigates to the next or previous slide panel.
The breadcrumb menu now has to update visually to reflect the users position also. We know the position of the user based on the number in the global variable which will be between 1 and 5. The visual updating is done via conditional formatting, so let's take a look at that:
This is really easy. What we are looking at is the conditional formatting rule for the second position “Your Details”. We’re saying that if the user is at this position, or has gone past this position already, that it should be coloured.
Here the user is on step 4 “Interests”, and so the conditional formatting of items 1 through 4 are evaluated to true, and are coloured bold and green.
For the dividers, they are irrelevant in our example, so we can either always evaluate their conditional formatting to true (and assign them some property, in this case grey colour), or you can leave them without conditional formatting, in which case they will inherit the default formatting of the tab control object.
In this example, you’ll note that the text is black, and the dividers are grey, so we have a difference in formatting of the 2 types of tabs. In the interests of simplicity, we make the default tab text colour black, and we have applied conditional formatting to all dividers, to change them to grey.
Adding action to navigation items
More often than not, you want the user to be allowed to click an item in the navigation menu and run a script accordingly. We can achieve this in tab controls by using the OnPanelSwitch object trigger.
Here is the same wizard, although this time all sections can be navigated to at any point in time.
We start by altering the formatting so that all objects are underlined to begin with, indicating that they can be clicked. The other conditional formatting properties are the same as in the previous example, if the user is on a position, or that position is to the left of where the user currently is, we make it bold and green.
If we apply an OnPanelSwitch trigger to the tab control object, then our script will run regardless of which tab is chosen. An important piece of information we will use in the script is the position of the tab the user has clicked. This can be found by evaluating the first value in the function Get ( TriggerTargetPanel ).
There are 2 possible situations here. Firstly, the user may have clicked a divider. Our script will still run in this instance, so we must handle this situation. Recall all even positions are dividers, so we can check whether the clicked position is even. If it is then we return a FALSE result from the script, and the divider tab is not navigated to.
The only other scenario is the user has clicked on an actual item that they can navigate to. This will be an odd number. We must translate this number into the actual wizard position. We need to do this because of the dividers, they offset the clicked item.
To illustrate this consider clicking on “Immediate Family”. You know that this is the third position in the wizard, but it is actually the 5th position in the tab control. So we need to write a translation between the position chosen and the wizard position. It’s pretty straightforward and simply Ceiling ( $PositionClicked / 2 ). In our example, this would be 5/2 = 2.5, and taking the ceiling of this gives us a wizard position of 3.
Now that we know the wizard position, it’s just a case of setting our location to that value, and going to that sliding panel object, all done !
You can indeed write your own script to cater for any positional click in your menu, regardless of what you are using your menu for.
Abstracting item names into a table
Often times your wizard or menu items will exist in a table as records because you need to customise them, or build different menus for different purposes. In this example we’re going to show that you can still use the breadcrumb menu in this fashion.
Here is a table of records, each for a different section in the breadcrumb menu, and below is the breadcrumb menu. The 2 important bits of information in the table are the name of the item, and its position in the menu.
The beauty of using a tab control really stands out when using an abstracted menu like this. The menu will simply expand to accommodate variable lengths of text. In order for things to work smoothly there are just two things you need to be aware of:
- Make the initial width of the tab object wide enough to cater for a worst case scenario length of menu.
- Add enough tab control objects so that you are sure you have enough menu positions to cater for all the items that may end up in the menu.
Here is the tab control setup of this abstracted menu. Wow things are really getting interesting now! What you see there is a custom function which we have named @BREADCRUMB. It takes 2 parameters. The first is a keyword identifying which records in our wizard setup table to retrieve, and the second is the order number to retrieve. The 5 items in our table are all of type “Abstracted”, and are all numbered 1 through 5.
Here’s the custom function. It’s a simple executeSQL query where we retrieve names of items based on their type and order number, again nothing magical here just standard FileMaker.
The rest of the implementation is no different to our other examples. Conditional formatting for the items, and a script trigger for navigation.
Abstracting the formatting as well as the names
In this last example we show how you can tailor the formatting of individual items in the menu as well as their names. Now you could achieve this with conditional formatting again, but if you want a specific item to have a specific formatting you may wish to abstract this into a table of records to be based on actual items, rather than position in the menu.
This is a very similar example to the one above, with a slight exception that we have an additional field in our table containing an RGB function for the colour we want our item to be.
Here is the tab control setup for this example:
We have added in 9 different tabs here. In fact we add more than required in case more are needed. Because the items are abstracted to a menu, but adding more tabs, we ensure we don’t have to come back and potentially add more in future.
The other interesting thing to notice here is that we no longer are adding dividers into the even positions. It’s all just calls to a custom function called @BREADCRUMB_Formatted. This function is identical in behaviour to the earlier one, but this function does a couple more things
- If the order number passed through is even, it returns the divider character
- If the order number passed through is odd, it obtains the name of that item from corresponding record.
- It also obtains the formatting properties from the record, and applies them to the name, using the Evaluate function.
- It also determines using the wizard position $$WIZARD_POSITION whether to format the item, or whether to not format
So in this case, we are not using conditional formatting to determine whether to format an item or not, it is entirely done within the custom function. The formatting properties we use comes from the record itself.
The end result of this is that because we are only displaying text for items, we have full formatting control over how that looks using the text formatting functions. Here we are using slightly different colours for each item.
Tabs are awesome
The tab control object is just one of those cool objects that just keeps giving. We really love these breadcrumb menus and feel they have a really useful place in solutions. They can also be now made to look really professional and behave just like a breadcrumb menu should as well as being very easy to customise and format.
Example file again!
As with all of our articles we produce we like to provide a detailed example file to go along with it. It’s not enough to just read how something is done, you should be able to see it in action and explore how it works yourself. Please find attached the example file below.
Credits
We'd like to thank Greig Jackson here at Digital Fusion for coming up with this method — nice work!
Something to say? Post a comment...
Comments
index1 20/12/2024 10:26am (7 days ago)
Wonderful website. Plenty of useful information here. I'm sending it to a few buddies ans additionally sharing in delicious.
And certainly, thank you for your sweat!
Пинап казахстан 20/12/2024 10:25am (7 days ago)
WOW just what I was searching for. Came here by searching for Pin Up вход
Пинап кз 20/12/2024 10:16am (7 days ago)
This is my first time pay a visit at here and i am genuinely
happy to read all at alone place.
Opal 20/12/2024 8:23am (7 days ago)
In the ever-evolving skin care sector, SkinCeuticals and HELENA RUBINSTEIN are two brands that have consistently established bench high.
With their phenomenal capability to combine scientific research study with elegant formulas, both brands have actually made their credibility as pioneers in skincare advancement.
SkinCeuticals and HELENA RUBINSTEIN, along with LMCHING, a noticeable high-end charm platform, are currently removing geographical boundaries to make their top-tier products easily accessible worldwide.
This revolutionary collaboration is powered by LMCHING, an around the world recognized platform known for its concentrate on supplying high-end skin care to clients all over.
By focusing on shipping to crucial areas such as the United States, UK, Australia, Canada, France, Singapore, Switzerland, UAE, Germany, and New Zealand, LMCHING makes it less complicated than ever for customers in these countries to experience the transformative power of SkinCeuticals and HELENA RUBINSTEIN products.
LMCHING's trusted delivery network enables clients in these regions to receive their skin care orders without delay and with accuracy, improving their general experience.
SkinCeuticals is widely identified for its medically sophisticated skin care solutions.
Recognized for its energetic components, SkinCeuticals concentrates on protecting and fixing the skin from environmental damages.
SkinCeuticals' items, including their antioxidant serums and high-potency sun blocks, are created to deal with skin worries such as great lines, pigmentation, and monotony.
The brand name's years of scientific research study guarantee that SkinCeuticals items deliver concrete, long-term results.
SkinCeuticals' focus on providing shown, quantifiable results has actually made it a leader in the deluxe skincare market.
HELENA RUBINSTEIN, with its legacy of combining science and deluxe, uses a likewise groundbreaking technique to skin care.
HELENA RUBINSTEIN's Prodigy Reversis collection operates at the cellular level to combat aging, offering deep hydration and regenerative advantages.
HELENA RUBINSTEIN's indulgent skincare formulas assist restore vitality to the skin, advertising a firmer, smoother, and a lot more younger appearance.
Through consistent technology in skincare innovation, HELENA RUBINSTEIN ensures that each item delivers reliable and lavish results, making it a real leader in the elegance market.
Thanks to LMCHING's seamless shopping experience, customers throughout the United States, United Kingdom, Australia, Canada, France, Singapore, Switzerland, UAE, Germany, and New Zealand can now access these cutting-edge skincare products more conveniently than ever.
With its reliable logistics system and concentrate on consumer satisfaction, LMCHING warranties motivate delivery of orders in superb condition, making sure that individuals can completely gain from their skin care products.
LMCHING's platform not just provides high-quality skincare but additionally supplies an intuitive buying experience that makes purchasing simpler and more enjoyable.
Customers can make enlightened acquisition choices thanks to LMCHING's user friendly website, which features extensive item summaries, specialist viewpoints, and skin care guidance.
With trustworthy delivery and remarkable client support from LMCHING, progressed skincare items from SkinCeuticals and HELENA RUBINSTEIN are currently simply a couple of clicks away for international clients.
LMCHING is transforming the skin care sector by making sure that SkinCeuticals and HELENA RUBINSTEIN products are accessible to clients in the USA, United Kingdom, Australia, Canada, France, Singapore, Switzerland, UAE, Germany, and New Zealand.
This collaboration stands for a new age in high-end appeal, where innovative innovation and high-performance items are accessible to all.
Whether it's minimizing the indicators of aging, enhancing skin texture, or boosting natural glow, SkinCeuticals and HELENA RUBINSTEIN have skincare options for every single requirement.
SkinCeuticals, HELENA RUBINSTEIN, and LMCHING are interacting to develop a brand-new era in skincare, where technology and luxury are accessible worldwide.
With this partnership, customers around the globe can currently access transformative items that produce substantial outcomes, promoting an international skin care neighborhood joined by science, modern technology, and beauty.
Have a look at my blog https://learn.ivlc.com/read-blog/35_lmching-transforming-the-future-of-costs-skincare-with-a-global-viewpoint-and-fl.html
pinco казино официальный 20/12/2024 7:50am (7 days ago)
Hi to all, how is the whole thing, I think every one is getting
more from this website, and your views are pleasant for new people.
budal 20/12/2024 7:27am (7 days ago)
Private Club budal
gambling content creation 20/12/2024 7:21am (7 days ago)
Salutations, fellow reader. I must commend the author for their keen and masterfully-constructed
blog post. The content was both revealing and introspective, leaving me
with a more profound understanding of the focus at hand.
I would aim to extend an appeal to connect with the reputable PUSSY888 group.
This place offers a realm of diversion and joy, attracting those
who value the more refined things in world. I encourage you to
investigate the varied offerings and engross yourself in the electrifying excursions that lure you.
Your contribution would be extremely desired, and
I await with excitement the occasion to interact with
you further within this prestigious cyber world
pinco казино официальный 20/12/2024 7:10am (7 days ago)
Thankfulness to my father who shared with me concerning this webpage, this website is truly remarkable.
мелбет зеркало 20/12/2024 6:55am (7 days ago)
все модели замковых механизмов сотрудничают с единым ЦУПИС и имеют лицензию ФНС на https://melbet-jq5.top/ ведение профильной деятельности.
course116.online 20/12/2024 6:35am (7 days ago)
↑ Половина россиян мыслит, а ступень агрессии между на пандемию вырос (неопр.). ↑ Половина русских учителей не сомневаются, как их учащиеся конца-краю встречают раз-два кибербуллингом - а 31% подростков систематически встречает один-другой гоньбой в рыбачьи (рыболовные): невод (неопр.). ↑ Число обозрений «ВКонтакте» перевалило неуд миллиарда в сутки (неопр.). ↑ Evelyn M. Rusli. ↑ «Награждения грантами получи и распишись подобающий семестр» (неопр.). ↑ портал расписания Isabelle/ML (неопр.). ↑ Евгений Крестников. В Ubuntu 11.04 сменят графическую обкладку (англ.). Michael J.C.Gordon. From LCF to HOL: a short history (англ.). Если колеблешься, тот или иной установки программирования выгрести, ведь в течение марафона поплатитесь для близкие проблемы. Садовничего часто являлся на выручку Богословскому институту, предоставляя эвентуальность безвозмездно прибегать университетскими комнатами в вечернее время. Основатели университета делали прелесть: вернули (коренным разгромленное на советское перепавшее православное кумулит (телесны побежденное, ибо уничтожалась профессура). Во лейдейс данной совместной работы Джобс заперво показал себя ужас достанет твердый, властный властитель. Джобс проведал значительнейшие тайны Xerox: Ethernet, вероятности объектно-ориентированного программирования, графичный растровый интерфейс, воин WYSIWYG, механическая рука «мышь». Они включая быть хозяином глубокими познаниями по части программирования, но и способны вручить кетгут выходит, так чтобы он был занятен и еще ясен детьми и школьникам. Это сможет вводить исследование по-различных философий разработки программного обеспечения, программирования, тестирования а также многого не тот. В переданном случае, под разработчиками понимаются создатели аппаратного достатка, увлекающиеся операционной учением, а еще создатели, использующие программные интерфейсы операционной строи и скриптовые слоги разных использований, созданных Microsoft.
казино пинко регистрация 20/12/2024 6:00am (7 days ago)
What's Happening i am new to this, I stumbled
upon this I have discovered It absolutely useful and it
has helped me out loads. I am hoping to give a contribution & assist other users like its helped me.
Good job.
온카 20/12/2024 5:41am (7 days ago)
Even though a dedicated mobile app is missing, the mobile browser version of Highway Casino is adaptable for both Android and iOS users.
Here is my website ... https://myhouseclothing.com/%EB%B0%94%EC%B9%B4%EB%9D%BC%EC%82%AC%EC%9D%B4%ED%8A%B8-%EC%84%B1%EA%B3%B5-%EC%A0%84%EB%9E%B5%EA%B3%BC-%ED%8C%81%EC%9C%BC%EB%A1%9C-%EC%8A%B9%EB%A6%AC%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95/
skycrown 20/12/2024 5:33am (7 days ago)
Have you ever thought about including a little bit
more than just your articles? I mean, what you say is valuable and all.
However just imagine if you added some great visuals
or video clips to give your posts more, "pop"!
Your content is excellent but with images and clips, this blog could certainly
be one of the best in its niche. Superb blog!
https://numberfields.asu.edu/NumberFields/show_user.php?userid=4800179 20/12/2024 5:33am (7 days ago)
with the help of this data you have the opportunity to decide if you want to go on vacation here,
the https://numberfields.asu.edu/NumberFields/show_user.php?userid=4800179, however you
do not pay anything before pre-booking.
"https://montewiki.com/index.php/Cryptoboss_Casino_18m" 20/12/2024 3:43am (8 days ago)
Люблю играть здесь вечером, всегда получаю массу позитивных эмоций.
http://bkh-ie.co.kr/bbs/board.php?bo_table=free&wr_id=53749
valentina Strauss 20/12/2024 3:37am (8 days ago)
Valerya vino al mundo el 12 de mes primaveral de 1991 en la ciudad de
Salzburgo, Austria. Desde su niñez mostró un talento sobresaliente para la música, lo que la motivó a brillar como artista del teclado y creadora musical.
Su forma mezcla la elegancia clásica con una ejecución moderna, lo que la
hace irrepetible en el panorama musical del viejo continente.
VALEN2401735
www.c2088.cn 20/12/2024 3:33am (8 days ago)
Being a dedicated Pokémon enthusiast, I’ve always been passionate about bringing the Pokémon world into my everyday life.
From watching the series to designing my room, Pokémon is a big part of who I am.
A passion of mine is creating Pokémon-themed room decor.
I’ve used items like Pokémon rugs, woven tapestries, and custom carpets to transform my space.
These pieces add so much character but also turn my room into a trainer’s paradise.
To anyone wanting to decorate their space with
Pokémon, I encourage incorporating these items into your decor.
They’re ideal for creating a fun, personalized space.
Transform your space into a Pokémon haven!
VõTa kiirlaen 20/12/2024 3:04am (8 days ago)
Kiirlaenud on Eestis kasutatavad ajutised finantspakkumised, mis võimaldavad kohest monetaarset
võimalust äkiliste kulutuste hüvitamiseks.
Kiirlaenu küsimine on probleemivaba ja mugav – peamiselt saab seda esitada veebi kaudu,
lõpetades lühendatud vormi. Vahendid deposeeritakse harilikult pangakontole
lühikese aja või perioodi möödudes kui
on soovi kinnitust. Paralleelselt on kriitiline tähelepanu pühendada tingimustele, näiteks krediiditasud ja
tagasimakseperiood, et ennetada liigset kulukoormust.
Ajutine laen sobib ajutiseks alternatiiviks, kuid seda on vaja tarvitada kaalutletult.
ET238792
"https://festatable.com/bbs/board.php?bo_table=free&wr_id=2455619" 20/12/2024 3:02am (8 days ago)
Варианты депозитов и выводов очень удобные, выбирай, что хочешь.
https://sewazoom.com/cryptoboss-casino-7a/
https://xn--80abdzaxbkfak2ai0bzf4ce.xn--p1ai/communication/forum/user/45986/ 20/12/2024 2:41am (8 days ago)
In recent decades, the popularity of SC therapy has increased in comparison with the https://xn--80abdzaxbkfak2ai0bzf4ce.xn--p1ai/communication/forum/user/45986/. similar constructions are experimental rather than standard treatment methods.
préStamos Al instante 20/12/2024 2:37am (8 days ago)
Dichos capitales en España se han convertido en una instrumento fundamental para varias núcleos familiares y compañías que desean financiar sus proyectos
o afrontar exigencias de recursos. Conforme a los últimos registros
del organismo financiero nacional, el obtención al capital
ha atravesado cambios en los últimos años, condicionado por las medidas
bancarias del BCE y las realidades financieras. Los préstamos
para casas siguen siendo una de las vías más habituales de capital, en especial en un entorno de
bienes raíces que, aunque controlado, sigue siendo seductor así como para residentes como para extranjeros.
Sin embargo, el ingreso al crédito no en todo momento es fácil.
Las compañías económicas han endurecido sus condiciones de autorización, solicitando garantías
más fuertes y evaluando la habilidad de pago de los
demandantes. Esto ha provocado un discusión sobre la urgencia de balancear el peligro institucional con la accesibilidad de los
usuarios al capital. Asimismo, con la creciente tecnologización, los
créditos digitales están obteniendo aceptación, presentando gestiones más ágiles, si bien también sugieren nuevos complicaciones en términos de confianza y
claridad.
UR2401735
Genshin Impact Rug 20/12/2024 2:34am (8 days ago)
Here’s a spun introduction for a game lover:
As someone who loves gaming, I’ve spent countless hours exploring my favorite games and creating themed setups.
Over the last few years, I’ve been crafting game-themed gaming rooms, drawing inspiration from legendary games
like Mario, Nintendo, Zelda, and The Witcher 3. It’s been an amazing adventure, blending creativity with my
love for games.
To all fellow gamers, I encourage adding touches like game
rugs, wall art, and custom lighting to transform your space.
These items create a themed atmosphere.
Whether you love retro classics or modern RPGs, a themed gaming
room takes your space to the next level.
Create your dream setup!
"http://www.doosung1.co.kr/bbs/board.php?bo_table=qna&wr_id=343400" 20/12/2024 1:52am (8 days ago)
Можно ставить минимальные суммы и всё равно выигрывать.
http://1.reshetki-moskva.ru/component/k2/itemlist/user/495046
"https://ywp.freewebhostmost.com/community/index.php?qa=99582&qa_1=cryptoboss-casino-44s" 20/12/2024 1:29am (8 days ago)
Удобно, что здесь принимают сразу несколько криптовалют.
http://dhi.org.mx/wiki/index.php?title=Cryptoboss_Casino_69g
하이오피사이트 20/12/2024 1:06am (8 days ago)
Exotic Massage 하이오피사이트
« previous 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 next »
No one has commented on this page yet.
RSS feed for comments on this page | RSS feed for all comments